Twitter Bootstrap容器 [英] Twitter Bootstrap Containers

问题描述

我的问题是为每一行创建一个容器，或者是为每行创建一个容器，或者是为每行创建一个容器，或者只是整个页面的一个大容器。

示例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容器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！