導航欄自定義高度與右側的搜索欄

Question

我很難得到一個導航欄來呈現我的想法。

我需要一個增加高度的導航欄（原因是因爲我的品牌形象比默認的高度更高）。

但我還需要所有菜單元素（按鈕，LI，A，FORM ELEMENTS，NAVBAR-TEXT，NAVBAR-RIGHT）尊重新高度並在導航欄中正確垂直居中。

有人可以提供一些示例HTML/CSS的需要改變？ 我在網上做了很多搜索，似乎沒有什麼明顯的。

BootStrap站點顯示如何定義導航欄的文檔，但沒有找到關於高度更改的文檔。

Answer 1

如果您正在使用的CSS把導航欄品牌專區內的品牌形象，那麼你可以改變（的品牌形象或高度）高度到您需要的高度：

.navbar-brand { 
    height: 80px; 
} 

要對齊導航欄垂直元素可以給導航欄上邊距到你所需要的也使用CSS：

.navbar-nav { 
    margin-top: 40px; 
} 

你將不得不使用CSS斷點，如果這些需要改變爲更小的設備。