Twitter Bootstrap容器

Question

我已经使用了bootstrap几个月，并希望澄清一些事情，作为最佳实践的一部分。

我的问题是我为每一行创建一个容器，或者为整个页面创建一个容器。

例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> 

赞赏任何帮助，只是不希望得到坏习惯早早就

Answer 1

我会推荐第二个例子。 在第一个你有重复的代码，这没有任何意义。 总是想想“不要重复自己”的原则。

Answer 2

多行在逻辑上可以是同一个网格的一部分，就像表中的行一样。 .container表示一个网格。因此，示例2将是要走的路。