layout - 複雑なレイアウトのブートストラップ

Question

このレイアウトでどのくらいの行を使用することをお勧めしますか?. の場所を取得できないので、何か間違っていると思いますSPAN 4 SPAN 4 INTO ROW

http://imgur.com/ZdrHrTN

Answer 1

ネストされた列がある場合は、HTML に注意する必要があります。これは、流動的な行を使用した実際の例ですhttp://jsfiddle.net/panchroma/yYFMT/

流動的な行を使用する場合、ネストされた列のスパンが 12 になり、HTML が

<div class="row-fluid">

<div class="span8">

<div class="row-fluid">
  <div class="span6">nested col</div>
  <div class="span6">nested col</div>
 </div> <!-- end nested row -->

</div> <!-- end span 8 parent  -->

<div class="span4">
span 4
</div>
</div> <!-- end row -->

流動的な行がない場合、ネストされた列のスパンが親の幅になります。

<div class="row">

<div class="span8">

<div class="row">
  <div class="span4">nested col</div>
  <div class="span4">nested col</div>
 </div> <!-- end nested row -->

</div> <!-- end span 8 parent  -->

<div class="span4">
span 4
</div>
</div> <!-- end row -->

非流動的な行を使用した実際の例を次に示します: http://jsfiddle.net/panchroma/MX6GK/

幸運を！