Twitter bootstrap 引导网格：我有两行，一行在左下一行，一行在右下，如何形成一个队形

如何使用引导网格系统实现以下功能

..............................
.                  .         .
.  col-md-9(div1)  . col-md-3.
.................... (div2)  .
.                  .         .
.  col-md-9(div3)  .         .
....................         .
.                  ...........
.                            .
.                            .
..............................

我尝试了以下方法：

<div class="col-md-9">
</div>

<div class="col-md-3">
</div>

<div class="col-md-9" style="float: left;">
</div>

我做错了什么？

<div class="container">
 <div class="row">
  <div class="col-sm-9">
    <div class="row">
      <div class="col-sm-12">Test Left</div>
      <div class="col-sm-12">Test Under Left</div>
    </div>
   </div>
    <div class="col-sm-3">Test Right</div>
  </div>
</div>

左测试
左下测试
测试权

---

这是一个粗略的例子。请参见

有关方法，请参见。基本上，你必须把div1和div3包装在一行中，它本身也包装在一列中。你的意思是，像

col-md-9

一样，我必须把

div1和div3

包装在一行中，然后我就剩下

col-md-3

。。。似乎做了必要的事情。谢谢。请看我的答案作为例子。是的，它确实起了作用。这很简单。thanksOh，默认情况下，所有列都向左浮动：）您不必使用sm。我只是为了便于测试，因为我在笔记本电脑上。嵌套行有点不必要。这可能是一种很好的做法，但你可以不必担心就得到同样的结果。看这些是Boostrap指南。是的，从技术上讲，你不需要它里面的列来保证一行，但我这样做是为了让它更明显。

<div class="container">
 <div class="row">
  <div class="col-sm-9">
    <div class="row">
      <div class="col-sm-12">Test Left</div>
      <div class="col-sm-12">Test Under Left</div>
    </div>
   </div>
    <div class="col-sm-3">Test Right</div>
  </div>
</div>