2017-01-07 3 views
0

私はほとんどのコンテナと列について理解しています。私の質問は行についてです。以下は50/50スプリットです。ブートストラップのコンテナ、行、および列の使用

<div class="container"> 
    <div class="row"> 
     <div class="col-md-6"> 
      50/50 Content 
     </div> 
     <div class="col-md-6"> 
      50/50 Content 
     </div> 
    </div> 
</div> 

もう一度、これらの列の1つを分割すると、別の行divを次のように追加しますか?

<div class="container"> 
    <div class="row"> 
     <div class="col-md-6"> 
      50/50 Content 
      <div class="row"> 
       <div class="col-md-6"> 
       Sub 50/50 Content 
       </div> 
       <div class="col-md-6"> 
       Sub 50/50 Content 
       </div> 
      </div> 
     </div> 
     <div class="col-md-6"> 
      50/50 Content 
     </div> 
    </div> 
</div> 

ありがとうございます!

+1

あなたのコードは動作するはずです。質問は何ですか?また、私はインデントを変更するだろうが、それは機能を変更しない、ちょうどコードをより読みやすくする。 – flynorc

+2

はい、その文書化された[ここ](http://getbootstrap.com/css/#grid-nesting) – tmg

+0

質問は、私は列を細分するたびに、それらのサブ列を保持する別の行divを追加するのですか?その50/50,20/80など...と、私の列が12になる限り。 –

答えて

0

行クラスを持つdivをラップすると、divsのパディング内に余白と浮動小数点の設定が変更されます。

同じページに両方を使用してください。

関連する問題