Twitter Bootstrap - 为什么行类有margin-left:-20px?

时间:2013-07-02 21:02:42

标签: css twitter-bootstrap

我不明白为什么行类有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>

example

2 个答案:

答案 0 :(得分:12)

你可以使用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>

答案 1 :(得分:3)

对于试图为Bootstrap 3找到这个的人:

  

网格和全宽布局人们希望创建完全流畅的   布局(意味着您的网站会拉伸视口的整个宽度)   必须使用padding:0将其网格内容包装在包含元素中   15px的;抵消保证金:0 -15px;用于.rows。

Source(搜索Grids and full-width layouts