Bootstrap行总是需要容器作为父级?

时间:2017-01-09 19:56:33

标签: html twitter-bootstrap twitter-bootstrap-3

我的自举行有负边距,它弄乱了我的页面(我可以水平滚动,不应该发生)。引导行总是需要有一个容器作为其父级吗?我该如何解决这个问题?我遇到了很多。

我如何正确格式化?

<div class="container">
    <div class="row">
        <div class="col-md-8">
             <div class="row row-one">
                 ...stuff...
             </div>
             <div class="row row-two">
                 ...stuff...
             </div>
        </div>
        <div class="col-md-4>
            ...stuff...
        </div>
    </div>
</div>

会不会?

<div class="container">
    <div class="row">
        <div class="col-md-8">
             <div class="container"> ** CONTAINER HERE? **
                 <div class="row row-one">
                     ...stuff...
                 </div>
                 <div class="row row-two">
                     ...stuff...
                 </div>
             </div>
        </div>
        <div class="col-md-4>
            ...stuff...
        </div>
    </div>
</div>

2 个答案:

答案 0 :(得分:1)

一般来说,bootstrap行总是有-15px的边距,容器的左右两侧都有15px的填充。如果你使用容器和行,那么这个的总和将为零,你将摆脱这种问题。从bootstrap文档中读取网格系统。

答案 1 :(得分:0)

我认为你应该阅读这个Documentation,你可以清楚地了解boostrap布局是如何工作的。有办法使用boostrap框架工作,为了获得好处,你必须按照他们提到的方式使用某些css。