我爱编程

自定义Bootstrap 3 & 4 Navbar高度

2018-03-20  本文已影响275人  JCHN

给navbar加上min-heigh:

.navbar {
    min-height: 0px;
  }

并给 .navbar-brand和 .navbar-nav li a 设置合适的inline和padding的值如下所示:

  .navbar-brand,.navbar-nav li a {
    line-height: 30px;
    height: 30px;
    padding-top: 0;
}


更新与2018年3月31日:
bootstrap 4就不用那么麻烦,直接加css就可以:
nav {
    height:30px;
}

并给<nav>中的<a>加上合适的line-height

nav a {
    line-height:30px;
}
上一篇下一篇

猜你喜欢

热点阅读