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將是要走的路。