web-dev-qa-db-ja.com

Twitter Bootstrapコンテナ

私は数か月間bootstrapを使用しており、ベストプラクティスの一部として何かを明確にすることを目指しています。

私の質問は、行ごとにコンテナを作成するのか、それともページ全体に1つの大きなコンテナを作成するのかということです。

例1（閉じたコンテナ）

<div class="container">
    <div class="row">
        <div class="span8 offest2">
            <h1>Content</h1>
        </div>
    </div>
</div>


<div class="container">
    <div class="row">
        <div class="span8 offest2">
            <h1>More Content</h1>
        </div>
    </div>
</div>

例2（1つの大きなコンテナー）

<div class="container">

    <div class="row">
        <div class="span8 offest2">
            <h1>Content</h1>
        </div>
    </div>

    <div class="row">
        <div class="span8 offest2">
            <h1>Content</h1>
        </div>
    </div>

</div>

助けていただければ幸いです。早い段階で悪い習慣を身につけたくないだけです。

twitter-bootstrapcontainershtml
17
Richlewis

2番目の例をお勧めします。最初は、重複したコードがありますが、実際には意味がありません。 「繰り返さないでください」という原則を常に考えてください。

13
HaNdTriX

テーブル内の行のように、複数の行を論理的に同じグリッドの一部にすることができます。 .containerは1つのグリッドを表します。したがって、例2がその方法です。

16
Gregor