引导行总是需要容器作为父级？ [复制]答案

【问题标题】：Bootstrap rows always need container as parent? [duplicate]引导行总是需要容器作为父级？ [复制]
【发布时间】：2017-01-10 05:35:14
【问题描述】：

我的引导行有负边距，它弄乱了我的页面（我可以水平滚动，这是不应该发生的）。引导行是否总是需要有一个容器作为其父级？我该如何阻止这个问题？我经常遇到它。

如何正确格式化？

<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>

【问题讨论】：

"行必须放置在 .container（固定宽度）或 .container-fluid（全宽）中，以便正确对齐和填充。" getbootstrap.com/css/#grid
Bootstrap 的默认 "row" 类在左右两边有 15px 的负边距，而 "container" 类在两边都有 15px 的内边距，这使得它变得均匀。所以你应该总是在引导程序中使用“continer”作为“row”类的父类来摆脱这个水平滚动问题。
Bootstrap 的默认“行”类有 15px 的负“边距”。我之前的评论中有错误，我说它有负面的“填充”。

标签： html twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

通常引导行总是有 -15px 的边距，容器在左右两侧都有 15px 的填充。如果你使用容器和行，那么它的总和将为零，你将摆脱这种问题。从引导文档中读取网格系统。

【讨论】：

【解决方案2】：

我认为您应该阅读此Documentation，从中您可以清楚地了解 boostrap 布局的工作原理。有办法使用 boostrap 框架工作，要获得好的结果，你必须按照他们提到的方式使用某些 css。

【讨论】：