本文介绍了Twitter Bootstrap容器的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我的问题是为每一行创建一个容器,或者是为每行创建一个容器,或者是为每行创建一个容器,或者只是整个页面的一个大容器。
示例1(封闭容器)
< div class =container>
< div class =row>
< div class =span8 offest2>
< h1>内容< / h1>
< / div>
< / div>
< / div>
< div class =container>
< div class =row>
< div class =span8 offest2>
< h1>更多内容< / h1>
< / div>
< / div>
< / div>
示例2(1个大容器)
< div class =container>
< div class =row>
< div class =span8 offest2>
< h1>内容< / h1>
< / div>
< / div>
< div class =row>
< div class =span8 offest2>
< h1>内容< / h1>
< / div>
< / div>
< / div>
任何帮助表示感谢,只是不想在早期陷入坏习惯
解决方案
我会推荐第二个例子。
在第一次你有重复的代码,这没有任何意义。
总是考虑不要重复自己的原则。
Ive been using bootstrap for a few months and am looking to clarify something as part of best practices.
My question is do I create a container for each row or just one big container for the whole page.
Example1 (Closed Containers)
<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>
Example 2 (1 large container)
<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>
Any help appreciated, just dont want to get into bad habits early on
解决方案
I would recommend the second example.In the first you have duplicate code wich makes no real sense.Always think about the principle "Don't repeat yourself".
这篇关于Twitter Bootstrap容器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!