layout - 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/

祝你好运！