2012-06-26 14 views
17

私は数ヶ月間ブートストラップを使用しており、ベストプラクティスの一環として何かを明確にすることを検討しています。Twitter Bootstrap Containers

私の質問は、各行のコンテナを作成するか、ページ全体のコンテナを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> 

すべてのヘルプ感謝、ちょうど私が希望

+1

私は答えが実際に例1であると思う。あなたのデザインが 'container-fluid' +' row-fluid'でなければならないヘッダーを持っているが、メインコンテンツエリアは固定されているはずで、再び流動的である。あなたはたぶん3つの容器でおいしいでしょう。 – StackOverflowNewbie

答えて

13

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

16

複数の行は論理的にはテーブル内の行と同じグリッドの一部にすることができます。 .containerは1つのグリッドを表します。だから例2は行く道だ。