css - Twitter Bootstrap - 为什么行类有margin-left：-20px？

Question

我不明白为什么行类有margin-left: -20px（所以它在父母边界后像图像上一样增长）。我认为没有人需要这种行为。还是我做错了什么？

<div class="container">
        <div id="top-container" class="row">
            <div class="span8">
                <h1>App</h1>
            </div>
            <div class="span4">

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

Answer 1

您可以使用 row-fluid 代替 row，那么您的 span4 和 span8 将没有 margin-left。

<div class="container">
    <div id="top-container" class="row-fluid">
        <div class="span8">
            <h1>App</h1>
        </div>
        <div class="span4">

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

Answer 2

对于试图为 Bootstrap 3 找出这一点的人：

网格和全宽布局 想要创建完全流畅的布局（意味着您的网站拉伸视口的整个宽度）的人们必须将他们的网格内容包装在一个包含填充的元素中：0 15px; 偏移边距：0 -15px；用于.rows。

来源（搜索Grids and full-width layouts）