17

我已经使用 bootstrap 几个月了，并希望澄清一些作为最佳实践的一部分。

我的问题是我是为每一行创建一个容器还是为整个页面创建一个大容器。

示例 1（封闭容器）

<div class="container">
    <div class="row">
        <div class="span8 offest2">
            <h1>Content</h1>
        </div>
    </div>
</div>


<div class="container">
    <div class="row">
        <div class="span8 offest2">
            <h1>More Content</h1>
        </div>
    </div>
</div>

示例 2（1 个大容器）

<div class="container">

    <div class="row">
        <div class="span8 offest2">
            <h1>Content</h1>
        </div>
    </div>

    <div class="row">
        <div class="span8 offest2">
            <h1>Content</h1>
        </div>
    </div>

</div>

任何帮助表示赞赏，只是不想早日养成坏习惯

4

2 回答 2

16

多行在逻辑上可以是同一个网格的一部分，就像表中的行一样。.container 代表一个网格。因此，示例 2 将是可行的方法。

于 2012-10-30T11:29:01.003 回答
13

我会推荐第二个例子。首先，您有重复的代码，这没有任何意义。始终考虑“不要重复自己”的原则。

于 2012-06-26T09:06:10.483 回答