twitter-bootstrap - 推特 Bootstrap 容器

标签 twitter-bootstrap containers html

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

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

最佳答案

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

关于twitter-bootstrap - 推特 Bootstrap 容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11203614/

相关文章:

c++ - C++中已排序容器的基类

C++ STL 列表与集合

html - 无法分隔 2 个 div 行

html - 使两个响应图像具有相同的高度

javascript - React-Bootstrap/React-Router-Bootstrap 中 NavBar 品牌化的最佳实践

javascript - HTML - 在 Bootstrap 面板上显示/隐藏按钮折叠/展开

java - Docker容器在启动服务器的中间自动停止

html - 无法从父组件打开子组件中的表单 - 'cannot read property xxx'

javascript - 我可以像这样按顺序选课吗?

css - Bootstrap 中的不可见导航栏