如何自定义bootstrap导航栏的高度？

Question

我想将Twitter Bootstrap Navbar的高度更改为24px高度。 我在Bootply中尝试过代码，高度正在变化，但是当我在项目中尝试时，最小高度为40px;

我需要24px高度的导航栏：我找到了另一个主题HERE，有了这个答案，但对我没用：

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

请看这里的代码，并告诉我我做错了什么？

CODE HERE

Answer 1

您必须已在CSS min-height:40px;中的其他位置为导航栏定义。找到它并将其删除，或者您可以通过在导航栏的CSS中加入min-height:0px;来覆盖它。

尝试：

.navbar-inner {
background: none;
filter: none;
border: none;
font-family: 'Calibri';
text-transform: uppercase;
background-color: #000;
height: 24px !important;
min-height: 0px; //ADD THIS
}

Answer 2

更改此

.navbar-inner {
background: none;
filter: none;
border: none;
font-family: 'Calibri';
text-transform: uppercase;
background-color: #000;
height: 24px !important; /* here */
}