Twitter bootstrap Twitter引导容器
我已经使用bootstrap几个月了,我希望澄清一些事情,作为最佳实践的一部分 我的问题是,我是为每一行创建一个容器,还是只为整个页面创建一个大容器 示例1(封闭容器)Twitter bootstrap Twitter引导容器,twitter-bootstrap,containers,html,Twitter Bootstrap,Containers,Html,我已经使用bootstrap几个月了,我希望澄清一些事情,作为最佳实践的一部分 我的问题是,我是为每一行创建一个容器,还是只为整个页面创建一个大容器 示例1(封闭容器) 内容 更多内容 示例2(1个大型容器) 内容 内容 感谢任何帮助,只是不想过早养成坏习惯,我推荐第二个例子。 首先,你有重复的代码,这是没有意义的。 始终考虑“不要重复自己”的原则。在逻辑上,多行可以是同一网格的一部分,就像表格中的行一样。容器表示一个网格。因此,示例2将是一种方法。我认为答案实际上是示例1。假设您的设计
内容
更多内容
示例2(1个大型容器)
内容
内容
感谢任何帮助,只是不想过早养成坏习惯,我推荐第二个例子。 首先,你有重复的代码,这是没有意义的。
始终考虑“不要重复自己”的原则。在逻辑上,多行可以是同一网格的一部分,就像表格中的行一样。容器表示一个网格。因此,示例2将是一种方法。我认为答案实际上是示例1。假设您的设计的页眉要求是
容器流体
+行流体
,但主内容区域应该是固定的,那么页脚也需要是流体。你最好用3个容器。
<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>
<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>