Bootstrap網格佈局良好做法

Question

我對我的網頁部分網格有疑問，如果我的鄰近有多個xx-12列，而我的問題不是關於對齊或斷點，但有什麼更好的做法？行和cols的親子關係..

<div class="col-xx-12"> 
<div class="row"> 
<div class="col-xx-12">something</div> 
<div class="col-xx-12">something</div> 
<div class="col-xx-12">something</div> 
</div> 
</div> 

或

<div class="col-xx-12"> 
<div class="row"> 
<div class="col-xx-12">something</div> 
</div> 
<div class="row> 
<div class="col-xx-12">something</div> 
</div> 
<div class="row> 
<div class="col-xx-12">something</div> 
</div> 
</div> 
</div> 

Answer 1

首先是實踐中更好的選擇，因爲在這個你不必重複你的代碼的幾個部分時間，如： *開始class =「row」。

<div class="row"> 
 
      <div class="col-xx-12">something</div> 
 
      <div class="col-xx-12">something</div> 
 
      <div class="col-xx-12">something</div> 
 
</div>

Answer 2

第二是良好的電網實踐中，根據我&如果你使用第二個類型，那麼你不需要定義

<div class='col-xx-12'>每次

您可以直接使用如下，例如

<div class='col-xx-4'></div> 
<div class='col-xx-4'></div> 
<div class='col-xx-4'></div>