ブートストラップグリッドレイアウトの良い実践

Question

グリッドに関する質問があります。私の質問はアラインメントやブレークポイントに関するものではありませんが、近くに複数のxx-12カラムがある場合rowsと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>