Css 使用Twitter引导实现以下布局

我试图借助twitter引导（12列）实现以下布局：

目前，我有以下几点：

<div class="row">
    <div class="span6">1</div>
    <div class="span6">2</div>
    <div class="span6">3</div>
    <div class="span6">4</div>
    <!-- etc.. -->
</div>

1.
2.
3.
4.

我假设它会工作，但由于某种原因它不会（所有的布局都是乱七八糟的）是否有需要应用的修复程序才能工作？或者它不能通过引导实现吗？

类似这样的东西：

<div class="row">
    <div class="span6">
        <div class="row">
            <div class="span6"></div>
        </div>
        <div class="row">
            <div class="span6"></div>
        </div>
    </div>
    <div class="span6">
        <div class="row">
            <div class="span6"></div>
        </div>
        <div class="row">
            <div class="span6"></div>
        </div>
    </div>
    <!-- etc.. -->
</div>

？

类似这样的内容：

<div class="row">
    <div class="span6">
        <div class="row">
            <div class="span6"></div>
        </div>
        <div class="row">
            <div class="span6"></div>
        </div>
    </div>
    <div class="span6">
        <div class="row">
            <div class="span6"></div>
        </div>
        <div class="row">
            <div class="span6"></div>
        </div>
    </div>
    <!-- etc.. -->
</div>

？

如果需要行与行之间的空间，可以为“行”类添加页边距顶部或底部。

---

如果您需要行与行之间的空间，您可以为类“row”添加页边距top或bottom

是否需要像pinterest这样的12列？（一开始我没有看到12列）。你想要12列的pinterest吗？（一开始我没有看到12个专栏）。你想用这个达到什么目的？我相信这有点不对劲。你有一行两个单元格，每个单元格有两行。你想用这个实现什么？我相信这有点问题，你有一行两个单元格，每个单元格有两行