Bootstrap Nav issue

Question

開発中のテーマでナビゲーションバーに問題があります。 http://astanmedia.com/blogすべてがフルスクリーンでOKですが、メニューが崩壊するように画面サイズを縮小し、トグルボタンをクリック/タッチすると、ドロップダウンはZ-インデックスが設定されているかどうかにかかわらずスライダを分割することを拒否します。スクロールでは、ナビを上に固定して変更し、スライダがそれを渡すとうまく表示されます。ドロップダウンはフルスクリーンでスライダー上でも機能します。ここでコードを15分間貼り付けようとしましたが、間違っていなければならないので、コードのペーストビンにリンクしました。事前に感謝

Answer 1

私はあなたの問題を見ると思います。それはz-indexではなく、navbar-collapseスタイルです。

あなたが持っている：GoogleのChromeデベロッパーツールによると、あなたはあなたのスタイルのライン106上の.navbar-collapseのスタイルを見つけることができます

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

：

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

次のようなものを必要とします.css。あなたのペーストビンでは94行目のように見えます。

.navbar-collapse最大高さを修正した後は、.navbar .navbar-navクラスに背景色を追加する必要があります。ドロップダウンメニューでは、透明な背景を持っています。

あなたのスタイルには調整が必要な場合がありますが、私はあなたが行くにつれてこれらの問題について具体的に尋ねることにします。質問した質問を修正するには、navbar-collapseが役立ちます。