css - 使用 Twitter 引导程序实现以下布局

Question

我正在尝试借助 twitter bootstrap（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>

我假设它会起作用，但由于某种原因它不起作用（所有布局都搞砸了）是否需要应用修复才能使其起作用？还是使用引导程序无法实现？

Answer 1

  <div class="row">
    <div class="span12">
        <div class="row">
            <div class="span6"></div>
            <div class="span6"></div>
        </div>
        <div class="row">
            <div class="span6"></div>
            <div class="span6"></div>
        </div>
    </div>
   </div>

如果您想要行之间的空间，您可以为“行”类添加边距顶部或底部

Answer 2

像这样的东西：

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

?