html - Twitter Bootstrap - 未能正确实现网格系统

Question

我正在使用 Twitter Bootstrap v2.3.2，我正在努力实现这一点

现在我有了这个

看在上帝的份上，我无法通过网格系统按照我想要的方式获得它。

当您最小化屏幕时， View 应该像这样分组

现在我拥有的代码会发生这种情况

HTML代码:

<div class="content_wrapper_2">
        <!-- First row -->
        <div class="row">
            <div class="span3 box1">
                <h4 class="padding">Products</h4>
            </div>

            <div class="span3 box2">
                <h4 class="padding">Mould labelling</h4>
            </div>
        </div>

        <div class="row">
            <br>
        </div>

        <div class="row">
            <div class="span3 box5">
                <h4 class="padding">Services</h4>
            </div>

            <div class="span3 box6">
                <h4 class="padding">About us</h4>
            </div>
        </div>

        <div class="row">
            <br>
        </div>

        <!-- Second row -->
        <div class="row">
            <div class="span3 box3">
                <h4 class="padding">Let's talk</h4>
            </div>

            <div class="span3 box4">
                <h4 class="padding">Get a quote</h4>
            </div>
        </div><!-- end row -->

        <div class="row">
            <br>
        </div>

        <div class="row">
            <div class="span3 box7">
                <h4 class="padding">Get samples</h4>
            </div>

            <div class="span3 box8">
                <h4 class="padding">Client login</h4>
            </div>
        </div><!-- end row -->

    </div><!-- end content_wrapper_2 -->

CSS 代码:

.box1{
  background-color: yellow;
  height: 50px
}

.box2{
  background-color: yellow;
  height: 50px
}

.box3{
  background-color: pink;
  height: 50px
}

.box4{
  background-color: pink;
  height: 50px
}

.box5{
  background-color: yellow;
  height: 50px
}

.box6{
  background-color: yellow;
  height: 50px
}

.box7{
  background-color: pink;
  height: 50px
}

.box8{
  background-color: pink;
  height: 50px
}

Answer 1

另一个答案很接近，但在每个 span6

中缺少另一个 row

JsFiddle

<div class=" container">
  <div class="row">
    <div class="span6">
      <div class="row">
        <!-- Yellow Items -->
      </div>
    </div>
    <div class="span6">
      <div class="row">
        <!-- Pink Items -->
      </div>
    </div>
  </div>
</div>