Twitter bootstrap 更改导航栏高度会破坏响应性塌陷？

我成功地降低了导航栏的高度，但在调整浏览器大小后，响应性折叠中断

通常，如果处于折叠模式，则会扩展导航栏区域，以便所有下拉列表都在其中。更改导航栏的高度后，它会跳出div，并丢失大部分导航条 属性

是否有关于如何在不破坏响应性的情况下成功更改导航栏高度的“教程”或指南

使用的代码：

.navbar, .navbar-header, .navbar-brand, .navbar-nav, 
.navbar-nav ul, .navbar-nav li, .navbar-nav>li>a {
    margin-top: 0px;
    min-height: 28px;
    height: 28px;
    padding: 1px 5px 1px 5px
}

---

使用媒体查询仅为@grid float断点上方的屏幕宽度设置高度

减：

CSS:

---

另请参见（基于JSFIDLE中的代码）

以下是您可以使用的CSS：

/* Navbar height */
.navbar {
    min-height: 28px;
}
.navbar-brand,
.navbar-nav>li>a {
    line-height: 26px;
    padding: 1px 5px;
}
/* Toggle button size */
.navbar-toggle {
    margin: 4px;
    padding: 4px;
}
.navbar-toggle .icon-bar {
    width: 14px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 2px;
}

---

注意：我在导航栏上放置了一个

边距顶部

，以避免出现“结果”标签。

您能在中设置吗？我想更多的问题是，我还没有找到要更改的确切类别。我所做的一些更改也限制了“epxansion”的大小，导致在我需要添加的原始DIV之外出现一个下拉区域，包括{.navbar.navbar inner{minheight:200px；}}}以使其正常工作@即使更改

@navbar高度

，也要使用Slidemouth？

@media(min-width:768px)
{   
.navbar {min-height:200px;}
}

/* Navbar height */
.navbar {
    min-height: 28px;
}
.navbar-brand,
.navbar-nav>li>a {
    line-height: 26px;
    padding: 1px 5px;
}
/* Toggle button size */
.navbar-toggle {
    margin: 4px;
    padding: 4px;
}
.navbar-toggle .icon-bar {
    width: 14px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 2px;
}