Bootstrap复杂的布局

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/

祝你好运！