Twitter 引导容器答案

【问题标题】：Twitter Bootstrap ContainersTwitter 引导容器
【发布时间】：2012-06-26 08:40:52
【问题描述】：

我已经使用 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>

感谢任何帮助，只是不想早日养成坏习惯

【问题讨论】：

我想答案其实是例1。假设你的设计有一个header需要container-fluid + row-fluid，但是主要内容区域应该是固定的，那么页脚需要再次变得流畅。使用 3 个容器可能会更好。

标签： twitter-bootstrap containers html

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：