Gridstrap3网格布局问题

Question

我正在创建一个包含大量嵌套列的基于网格的着陆页。一直顺利，直到我完成嵌套列的加载，然后下一行似乎重叠。在下面的代码中，新容器和行显示在最后一个嵌套行的顶部。我确定它的内容非常简单，但我无法看到我出错的地方并希望得到帮助。

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

            <div class="col-md-12 mainImage">
                Image

            </div>
        </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-4 panel2">
            <div class="row">
                <div class="col-sm-6 panel3"></div>
                <div class="col-sm-6 panel4"></div>
            </div>
            <div class="row">
                <div class="col-sm-12 panel3"></div>
            </div>
        </div>
        <div class="col-sm-8 panel3">
            <div class="row">
                <div class="col-sm-6 panel2"></div>
                <div class="col-sm-6 panel3"></div>
            </div>
            <div class="row">
                <div class="col-sm-6 panel3"></div>
                <div class="col-sm-6 panel2"></div>
            </div>

        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-12 panel4">
    </div>

</div>-->