twitter-bootstrap - 更改导航栏高度会破坏响应式崩溃？

Question

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

通常，如果它处于折叠模式，它会扩展导航栏区域，因此所有下拉菜单都在其中。更改导航栏的高度后，它会跳出 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
}

JSFiddle

Answer 1

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

较少的:

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

CSS:

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

另见 http://bootply.com/96446 (基于您的 jsfiddle 中的代码)