更改導航欄高度是否會導致響應崩潰？

我成功降低了導航欄的高度，但在調整大小瀏覽器之後 - 響應崩潰。更改導航欄高度是否會導致響應崩潰？

通常情況下，如果它處於摺疊模式，它將展開導航欄區域，以便所有下拉列表位於其中。改變了導航欄的高度後，它跳出了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

更改導航欄高度是否會導致響應崩潰？

回答

相關問題