Twitter bootstrap 引导窗体合并行

我需要使用输入类型创建一个表单，如附件中的图像，我的问题是如何合并行，使其看起来像这张图片

---

你能帮我解释一下怎么做吗？

你只需要一些嵌套的行和列div。我在Bootply中模拟了一个基本示例。同时附上代码以供参考

要点是，你有12个专栏要处理。如果你的第一列是12，第二列是8 | 4，那么你的8列里面可以有12个。从技术上讲，这种情况可能会无限期地发生，但最终，您将无法获得任何清晰的内容：

<!-- main outer row -->
<div class="row">
  <div class="col-sm-12">
main row
<div class="row">
  <div class="col-sm-8">
    Left
    <div class="row">
      <div class="col-sm-1">
        1 col
      </div>
      <div class="col-sm-3">
        3 col
      </div>
      <div class="col-sm-2">
        2 col
      </div>
      <div class="col-sm-2">
        3 col
      </div>
      <div class="col-sm-4">
        4 col
      </div>
    </div>
    <div class="row">
      <div class="col-sm-3">
        3 col
      </div>
      <div class="col-sm-2">
        2 col
      </div>
      <div class="col-sm-1">
        1 col
      </div>
      <div class="col-sm-4">
        4 col
      </div>
      <div class="col-sm-2">
        2 col
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12">
        12 col
      </div>
    </div>
    <div class="row">
      <div class="col-sm-6">
        6 col
      </div>
      <div class="col-sm-6">
        6 col
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    Right
    <br><br>
      all the data
      <br>
      all the data
      <br>
      all the data
      <br>
      all the data
      <br>all the data
      <br>
      all the data
      <br>


  </div>
</div>