我一直在使用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>
任何帮助赞赏,只是不想早日陷入坏习惯
解决方法
我会推荐第二个例子。 在第一个你有重复的代码,这没有任何真正的意义。 一定要思考“不要重复”的原则。