Twitter bootstrap 引导嵌套列

我试图使用

---

，列显示为一行接一行的单独行，而不是同一行中的两列。我做错了什么？

当我假设您希望在列中嵌套以下行时，您正在关闭第一列，然后在其后添加两行。如果我正确地解释了您的需求，以下更改应该可以满足您的需要

<div class="row">
    <div class="col‐sm‐12 col-xs-12" style="background-color:red">
        Level 1: .col‐sm‐9 <!-- Removed </div> -->
        <div class="row">
            <div class="col-sm-6 col-xs-8"  style="background-color:yellow">
                Level 2: .col‐xs‐8 .col‐sm‐6 bs bs bs bs bs bs bs 
            </div>
            <div class="col-sm-6 col-xs-4"  style="background-color:grey">
                Level 2: .col‐xs‐4 .col‐sm‐6
            </div>
        </div> 
        <div class="row"> 
            <div class="col-sm-6 col-xs-8" style="background-color:yellow">
                Level 3a: .col‐xs‐8 .col‐sm‐6  bs bs bs bs bs bs bs  bs bs bs bs bs bs bs 
            </div>
            <div class="col-sm-6 col-xs-4" style="background-color:grey">
                Level 3b: .col‐xs‐4 .col‐sm‐6
            </div>
        </div>
    </div><!-- Added -->
</div>

第1级：第9列
第2级：.列xs-8.列sm-6 bs
第2级：列-xs-4。列-sm-6
3a级：柱xs-8柱sm-6柱bs
3b级：列xs-4。列sm-6

试试这个-我认为它适合你的问题：

<div class="container-fluid">
  <div class="col-lg-12">
      <div class="row">
        <div class="col-sm-6">
            <div class="well">
              <p>First Part</p>
            </div>
        </div>
        <div class="col-sm-6">
            <div class="well">
              <p>Second Part</p>
            </div>
        </div>
      </div>
        <div class="row">
            <div class="col-sm-6">
              <div class="well">
                <div class="row">
                  <div class="col-md-6">
                    <div class="well">
                    <p>Nested 1</p>
                  </div>
                  </div>
                  <div class="col-md-6">
                    <div class="well">
                    <p>Nested 2</p>
                  </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-6">
                    <div class="well">
                    <p>Nested 3</p>
                  </div>
                  </div>
                  <div class="col-md-6">
                    <div class="well">
                    <p>Nested 4</p>
                  </div>
                  </div>
                </div>
            </div>

            </div>
            <div class="col-sm-6">
              <div class="well">
                <p>Fourth Part[enter image description here][1]</p>
                </div>
              </div>
          </div>
    </div>                      
</div>

第一部分

第二部分

嵌套1

嵌套2

嵌套3

嵌套4

第四部分[在此输入图像描述][1]