Bootstrap navbar下拉菜單隱藏在引導滑塊後面

Question

我的下拉菜單使用引導程序隱藏在我製作的滑塊後面。我希望它在前面展示。根據下一個類似的問題在網上發佈的各種解決方案

z-index 
overflow:visible 
position:relative 

：

我已經嘗試使用。我發現我試過的任何解決方案都沒有成功。

我有一個的jsfiddle這裏https://jsfiddle.net/8wq0ptrw/

Answer 1

刪除溢出：隱藏您的導航欄類。我希望這能幫到您。

.nav-bar { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 

} 

Answer 2

您可以通過.navbar和.collapse刪除display: none;看到它。

我相信bootstrap提供了一個漢堡包菜單圖標，您需要實現點擊它的位置以刪除這些元素上的display: none;並顯示下拉菜單。