引导网格布局(Bootstrap grid-layout)

我是新手与引导网格线的系统，所以我就stucked当我试图创建（高级？）GridView控件：

所以我的问题是，我不知道如何组织块行，因为某些块必须difeerent高度，块5的例子高度应该有大小的块3和2相同在一起。

是否可能？还应该有块之间的一些空间，因此背景图片应该填补这些空间。

请帮助我。

Answer 1:

什么，你会想要做的就是地方的div 2，3，并在自己的div容器4（与类.COL-MD-3），5和6在另一个容器的div（与类.COL-MD-3 ）。让DIV 1有.COL-MD-6级。

编辑：您应该使用媒体查询，使之成为固定的高度在桌面上，然后当它是移动灵活的高度。

@media screen and (max-width: 980px) { #div2 { height: 500px; (or whatever)}}

Answer 2:

我认为最有效的方式做到这一点是简单地使用单排三列。您的div可以适当的列内堆栈，你可以定义高度为每一个。：您可以在这里的行动看出来http://jsfiddle.net/StSmith/Z9SpM/1/

<div class="container">
  <div class="row">
    <div class="col-lg-6">
      <div id="box1">1</div>
    </div>
    <div class="col-lg-3">
      <div id="box2">2</div>
      <div id="box3">3</div>
      <div id="box4">4</div>
    </div>
    <div class="col-lg-3">
      <div id="box5">5</div>
      <div id="box6">6</div>
    </div>
</div>