更改导航栏高度是否会导致响应崩溃？

我成功降低了导航栏的高度，但在调整大小浏览器之后 - 响应崩溃。更改导航栏高度是否会导致响应崩溃？

通常情况下，如果它处于折叠模式，它将展开导航栏区域，以便所有下拉列表位于其中。改变了导航栏的高度后，它跳出了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

来源

2013-11-23 Slidemouth

你可以在[jsfiddle]（http://jsfiddle.net） –

http://jsfiddle.net/w8ABj/ – Slidemouth

使用媒体查询来设置高度只用于屏幕宽度的@网浮法断点以上

LESS：

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

CSS：

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

参见http://bootply.com/96446（根据您的jsfiddle代码）

来源

2013-11-24 11:31:41

设置此问题我认为更多的问题是，我还没有找到确切的类来改变。一些如何改变我也限制了“epxansion”的大小，导致在我需要添加的原始DIV（s） – Slidemouth

之外的下拉区域包括{.navbar **。navbar-inner ** {min-height：200px ;}}使其工作。 @Slidemouth，即使你改变了@ @ navbar-height在Less？ – Daniel

这里有一个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; 
}

Updated JSFiddle

注意：我在导航栏上放置了一个margin-top以避免“结果”标签。

来源

2013-11-25 10:53:48 zessx

更改导航栏高度是否会导致响应崩溃？

回答

相关问题