ブートストラップハンバーガーメニューZ-インデックスとスタイリングの問題

Question

私は最初の反応性サイトを設計しようとしており、ナビゲーションに問題があります。その時点で、ドロップダウンメニューはフォームの要素の後ろにあり、この時点では、通常のナビゲーションに影響を与えずにスタイリングを変更するには十分理解していません。

私が見てきたことのほとんどは、色の変化以上の標準的なBootStrap要素を使用しているようです。私はnav bar（ハンバーガーと一緒に）の高さを変更し、navを中心にする必要がありますが、サイトが移動すると、navドロップダウンはフォントと背景の色とテキストの配置を変更する必要があります。

私はbootplyを実行しており、私が行くにつれて研究を続けます。私は長い道のりがあると知っていますが、この障害を乗り越える手助けに感謝します。

ブーツリーはhttp://www.bootply.com/xtOWUEP1bwです。助けを前にありがとう。

Answer 1

Zインデックスと背景色が必要です。 z-indexを.navbarに入れ、以下のように.navbar-collapse.inに背景色を設定します。

.navbar { 
    z-index: 10; 
} 

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