Html Twitter引导-2列布局

如何使用Twitter引导程序制作2列布局？ 我使用这个方案：

<div class="container">         
  <div class="row">
    <div class="span2"> 
      Red rectangle
    </div>
    <div class="span6">
      Blue rectangle
    </div>
    <div class="span6">
      Blue rectangle
    </div>
    <div class="span6">
      Blue rectangle
    </div>
    <div class="span6">
      Blue rectangle
    </div>
  </div>
</div>

红色矩形
蓝色矩形
蓝色矩形
蓝色矩形
蓝色矩形

这将生成此布局：

我希望蓝色矩形总是“在右边”，而不是左边

---

我做错了什么？

您想使用

.offset*

类。在上述情况下，您需要使用

.offset6

使矩形浮动到最右侧

请参见此处的偏移列：

---

您可能需要查看。听起来更像是希望行嵌套在右边的列中

<div class="container">         
  <div class="row">

    <div class="span2"> 
      Red Rectangle
    </div>

    <div class="span6">
      <div class="row">
        <div class="span6">
          Blue Rectangle
        </div>
      </div>
      <div class="row">
        <div class="span6">
          Blue Rectangle
        </div>
      </div>
      <div class="row">
        <div class="span6">
          Blue Rectangle
        </div>
      </div>
      <div class="row">
        <div class="span6">
          Blue Rectangle
        </div>
      </div>
    </div>

  </div>
</div>

红矩形
蓝色矩形
蓝色矩形
蓝色矩形
蓝色矩形

实际上，可能没有必要将每个蓝色矩形包装成一个“row”div，它们应该堆叠成span6。但这样更干净