Twitter bootstrap 推特引导网格

我是新来的，有个问题。我已经阅读了bootstrap，并就网格布局提出了一些快速问题。我知道这个布局加起来应该是12个，我一直在胡闹，只是为了对它有个感觉。 我的第一个代码给了我我期望的显示，代码和图片如下所示。经过编辑，显然我需要10个代表点来发布图像，所以我无法提供图像，抱歉

css:

html:

这是一个测试
这是另一个测试




测试
这是一个测试

这是另一个测试




测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试

但是，通过将较大的列放在左侧来稍微更改布局，会完全破坏布局：

html:

这是另一个测试1




测试
这是一个测试1
这是另一个测试2




测试2
这是一个测试2

测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试

我希望看到的是b行中的元素被很好地放置在r行的下面，如第一个示例中所示。有人能给我解释一下为什么不是这样吗

---

谢谢。

您忘了关闭第一行的div标签，请参阅备注

<div class="container-fluid">
<div class="row r">

    <div class="col-md-6 c">
        this is another test 1
        <br><br><br>
        test
    </div>

    <div class="col-md-6 c">
        this is a test 1

    </div>
</div> <!--missed end of row--->
<div class="row b">
    <div class="col-md-6 c">
        this is another test 2
        <br><br><br>
        test 2
    </div>
    <div class="col-md-6 c">
        <p>this is a test 2</p>

    </div>

</div>

</div>
<div class="row r">
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
</div>

这是另一个测试1




测试
这是一个测试1
这是另一个测试2




测试2
这是一个测试2

测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试

啊，真是个愚蠢的错误，我根本没看到！！谢谢你指出我的愚蠢。

<div class="container-fluid">
<div class="row r">
    <div class="col-md-6 c">
        this is a test

    </div>

    <div class="col-md-6 c">
        this is another test
        <br><br><br>
        test
    </div>
    <div class="col-md-6 c">
        <p>this is a test</p>

    </div>

    <div class="col-md-6 c">
        this is another test
        <br><br><br>
        test
    </div>
</div>
<div class="row r">
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
</div>

<div class="container-fluid">
<div class="row r">

    <div class="col-md-6 c">
        this is another test 1
        <br><br><br>
        test
    </div>

    <div class="col-md-6 c">
        this is a test 1

    </div>
<div class="row b">
    <div class="col-md-6 c">
        this is another test 2
        <br><br><br>
        test 2
    </div>
    <div class="col-md-6 c">
        <p>this is a test 2</p>

    </div>

</div>

</div>
<div class="row r">
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
</div>

<div class="container-fluid">
<div class="row r">

    <div class="col-md-6 c">
        this is another test 1
        <br><br><br>
        test
    </div>

    <div class="col-md-6 c">
        this is a test 1

    </div>
</div> <!--missed end of row--->
<div class="row b">
    <div class="col-md-6 c">
        this is another test 2
        <br><br><br>
        test 2
    </div>
    <div class="col-md-6 c">
        <p>this is a test 2</p>

    </div>

</div>

</div>
<div class="row r">
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
    <div class="col-md-1 c">
        test
    </div>
</div>