Bootstrap漢堡包菜單z-index和樣式問題

Question

我正試圖設計我的第一個響應網站，並且遇到導航問題。我已經把所有的事情都做好了，以指出漢堡包在哪裏投入。在這一點上，下拉菜單落後於表單元素，並且我不明白在不影響正常導航的情況下改變樣式。

看來，我所看到的大部分內容都是使用標準BootStrap元素，而不僅僅是顏色變化。我需要更改導航欄的高度（以及漢堡包），將導航中心設置爲中心，但當網站移動時，導航下拉菜單需要更改字體和背景顏色以及文本對齊方式。

我得到了一個bootply運行，並將繼續研究，因爲我去。我知道我還有很長的路要走，但希望能幫助我渡過這個障礙。

bootply在http://www.bootply.com/xtOWUEP1bw。預先感謝您的幫助。

Answer 1

您需要z-index和背景顏色。 在.navbar中放入z-index，並在下面的.navbar-collapse.in中放置背景顏色;

.navbar { 
    z-index: 10; 
} 

.navbar-collapse.in{ 
    background:#fff 
}