如何在Twitter中更改導航欄大小引導程序3

Question

我正在嘗試增加bootstrap 3.0 navbar height與固定頂級行爲一起使用。

我該怎麼辦呢？

Answer 1

如果您使用的是.LESS或.scss版本，你可以在代碼編輯以下$navbar-height變量：

https://github.com/twbs/bootstrap/blob/master/less/variables.less#L360

如果沒有，則需要通過statiing用規則來覆蓋它：

.navbar { 
    height: {new height}; 
} 

Answer 2

沒有看到你的代碼，這是很難幫助，但在Bootstrap 3通常，

這是less變量@navber-height和@navbar-padding-vertical將調整導航欄的高度。

但在我目前的引導程序，我有它設置了不同的使用

header.navbar { 
    height: 54px; 
} 

最簡單的事情將是inspect element導航欄上，然後看看css，看看那裏的height值。調整到所需的height。

然後在您的css中使用!important創建規則以覆蓋現有的Bootstrapcss。

這是另一個沒有less的例子。

.navbar-fixed-top { 
    height: 70px !important; /* Whatever you want. */ 
} 

創建新的css文件並將其覆蓋。

<link rel='stylesheet' href='/stylesheets/bootstrap.css'/> 
<link rel='stylesheet' href='/stylesheets/overrides.css'/> 

內overrides.css

如果裏面Bootstrap當你檢查元素那麼你現在又增加了覆蓋的css文件覆蓋它存在這個CSS規則。

記住使用!important

.navbar-fixed-top { 
    height: 70px !important; /* Whatever you want. */ 
}