Bootstrap導航問題

Question

我的導航欄上出現了我正在開發的主題的問題。 http://astanmedia.com/blog全屏全部都可以，但縮小屏幕尺寸以便菜單摺疊，當您點擊/觸摸切換按鈕時，無論設置了z-index或使用了定位，下拉均拒絕打破滑塊。在滾動我有導航變化固定在頂部，並且它顯示罰款後，滑塊已通過它。下拉菜單在全屏幕上也能正常工作。試圖在這裏粘貼代碼15分鐘，我一定是做錯了，所以我已經鏈接到這裏代碼的粘貼bin http://pastebin.com/6war9TGu。在此先感謝

Answer 1

我想我看到你的問題。這不是Z索引，而是導航欄摺疊風格。

您有：

.navbar-collapse { max-height: 50px; }

你需要的東西，如：

.navbar-collapse { max-height: 275px; }

據谷歌Chrome開發者工具，你可以找到你的風格線106 .navbar-collapse風格的CSS。在您的Pastebin中，它看起來像是在94行上。

請注意，一旦您修復了.navbar-collapse最大高度，您還需要爲.navbar .navbar-nav類添加背景顏色，以便下拉菜單不會「沒有透明背景。

我看到您的風格上可能需要調整的其他一些小東西，但我會假設您會在問題中具體詢問這些問題。要解決你問到的問題，navbar-collapse應該有所幫助。