css - 如何降低 Bootstrap 3 中的导航栏高度？

Question

我想让 BS3 中的导航栏高度为 20px。我该怎么做？

我试过以下方法:

.tnav .navbar .container { height: 28px; }

什么也没做。

.navbar-fixed-top {
    height: 25px; /* Whatever you want. */
}

似乎可以增加栏的大小，但不能减少。

在保持容器对齐等的同时执行此操作的好方法是什么

Answer 1

bootstrap 在 .navbar-nav > li > a 上有 15px top padding 和 15px bottom padding，所以你需要通过在你的 css 文件和 .navbar 中覆盖它来减少它> 有 min-height:50px; 尽可能减少它。

例如

.navbar-nav > li > a {padding-top:5px !important; padding-bottom:5px !important;}
.navbar {min-height:32px !important}

将这些类添加到您的 css，然后检查。