ブートストラップのナビゲーションバーのドロップダウンがブートストラップのスライダに隠れている

Question

私が作成したスライダの背後には、ブートストラップを使用して作成したドロップダウンメニューが隠れています。私はそれを正面に見せたい。

私が使用して試してみました：

z-index 
overflow:visible 
position:relative 

同様の問題の下にオンライン掲載の様々なソリューションによります。私が試した解決策のどれもが成功しなかった。

私はここhttps://jsfiddle.net/8wq0ptrw/

Answer 1

あなたのnav-barクラスからオーバーフロー：hiddenを削除します。これがあなたに役立つことを願っています。

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

} 

Answer 2

あなたが.navbarと.collapseからdisplay: none;を除去することによって、それを見ることができJSFiddleを持っています。

ブートストラップには、これらの要素のdisplay: none;を削除するためにクリックする場所に実装する必要があるハンバーガーメニューアイコンがあり、ドロップダウンメニューが表示されます。