2013-07-02 10 views
12

は、ナビゲーションバーが別のnavbarとnavbar-innerクラスの目的は何ですか? Twitterのブートストラップのスターター-template.htmlで

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

として書かれている私は

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

にマークアップを変更する場合は、すべてが正常に動作するようですととして識別可能な視覚的な違いはありません私が知る限り。 navbarnavbar-innerのクラスが2つのdivに関連付けられている理由は何ですか?なぜ、両方のスタイルを組み合わせたnavbarクラスを持っていないのですか?

+0

私はそれがブラウザの互換性と応答性の設計のためだと信じて:.containerと同じレベル(流体)divを持って.navbarあなたの階層的なDOM構造で

。 – screenmutt

+0

ちょうど、navbarとnavbar-innerクラスの両方でdivを1つだけ持っていれば、応答のあるnavbarはうまく動作しているようです。 (ただし、クロムでしかテストされていません) – Tony

答えて

6

これは、HTML文書の構造をより明確かつ読みやすくします。 .navbarクラスは、navbar-innerクラスがこのコンテナ(表示テーブル)の内容をラップする間、位置を設定します(デフォルトのインライン表示を持ちます)。 .navbarにはnavbar-innerのようなブロックを1つ以上含むことができます。

enter image description here

+3

わかりません。余分なdivが必要ないときは余分なdivはわかりにくく、reabableです。 – Tony

関連する問題