css - navbar と navbar-inner クラスを分離する目的は何ですか?

Question

Twitter ブートストラップの starter-template.html では、navbar は次のように記述されています。

<div class="navbar">
  <div class="navbar-inner">
    <div class="container">
    ...
    </div>
  </div>
</div>

ただし、マークアップを次のように変更すると

<div class="navbar navbar-inner">
  <div class="container">
  ...
  </div>
</div>

すべてが正常に動作しているように見え、私が知る限り、識別できる視覚的な違いはありません. 2 つの div に関連付けられた個別navbarのクラスを持つ理由は何ですか? 両方のスタイルを組み合わせnavbar-innerたクラスを作成してみませんか?navbar

Answer 1

これにより、HTML ドキュメントの構造がより明確になり、読みやすくなります。.navbar クラスは位置を設定し (デフォルトの表示はインライン)、navbar-inner クラスはこのコンテナー (表示テーブル) のコンテンツをラップします。.navbar には、navbar-inner のように複数のブロックを含めることができます。

階層 DOM 構造では、.navbar は .container(fluid) div と同じレベルです。