css - ブートストラップナローマーケティング+正当化されたナビゲーション？

Question

正当化されたナビゲーションの例でBootstrapの狭いマーケティングの例を使用しようとしています。

ただし、正当化されたナビゲーションテンプレートを使用してDropboxを作成しようとすると、少し問題が発生しました。ヘッダーから「ダウンロード」を選択すると、スタイルが間違っているテーブルが原因だとdisplay: table-cell;思いますが、もちろん削除すると混乱します。

私はこれを思いついた

Answer 1

変えるだけ

.navbar .nav li {
  display: table-cell;
  width: 1%;
  float: none;
}

と

.navbar .nav > li {
   display: table-cell;
   width: 1%;
   float: none;
}

サブメニューの各項目は線になります。このようにして、その 3 つのルールをクラスの直接liの子にのみ適用し、他の要素には適用しません。.navli

結果: JsFiddle