Twitter Bootstrap网格:

Question

我想实现如下所示的网格:

我一直在寻找Twitter Bootstrap网格系统,但由于它面向行,我看不出如何实现这一点.

有没有办法,或者我应该坚持手动css？

Answer 1

您可以嵌套行和列:

<div class="row">
  <div class="col-md-9">
    <div class="row">
      <div class="col-md-12">left top</div>
      <div class="col-md-12">left bottom</div>      
    </div>
  </div>
  <div class="col-md-3">
    <div class="row">
      <div class="col-md-12">right top</div>
      <div class="col-md-12">right bottom</div>      
    </div>
  </div>
</div>

请参阅"嵌套列"下的http://getbootstrap.com/css/#grid