容器内的一行是否需要span12？ Bootstrap

Question

我第一次使用bootstrap来开发我的项目。从我可以告诉容器>行工作正常，哪些问题是容器>行> span12需要，还是只是最佳实践？

谢谢

Answer 1

问题很混乱。

Bootstrap通过使用浮动网格系统工作。查看下面的来源应该清楚发生了什么。 .container类设置940px的宽度，.span12类也一样。 .row类是一个带有clearfix的div，包含一列浮动的.span列。所有.spanXX类都向左浮动并给出20px的左边距以创建网格。

如果您正在使用的只是一个容器和一行，那么您只需创建一个宽度为940像素，容量为-20px左边距的容器。您仍然应该使用.span12与框架保持一致并正确设置边距。这引发了一个问题，如果你不想利用列，你为什么首先使用网格布局？如果你只想要一个940像素的容器，那就创建一个。

从bootstrap.css：

.row { 
    margin-left: -20px; 
    *zoom: 1; 
} 

.row:before, 
.row:after { 
    display: table; 
    line-height: 0; 
    content: ""; 
} 

.row:after { 
    clear: both; 
} 

[class*="span"] { 
    float: left; 
    margin-left: 20px; 
} 

.container, 
.navbar-static-top .container, 
.navbar-fixed-top .container, 
.navbar-fixed-bottom .container { 
    width: 940px; 
} 

.span12 { 
    width: 940px; 
} 

Answer 2

看看文档，如果我明白你的问题是正确的，问题就出在这个环节Bootstrap documentation。向下滚动至流体嵌套。

也请记住当计数开始于“0”，这样

<div class="row-fluid"> 
    <div class="span12"> 
    Fluid 12 
    <div class="row-fluid"> 
     <div class="span6"> 
     Fluid 6 
     <div class="row-fluid"> 
      <div class="span6">Fluid 6</div> 
      <div class="span6">Fluid 6</div> 
     </div> 
     </div> 
     <div class="span6">Fluid 6</div> 
    </div> 
    </div> 
</div> 

在此示例代码的跨度内创建一个新的容器，你可以看到有一个跨度12这是主要的div 。在这个范围内有2个6的跨度！这使得灵敏度更高，并且在6的范围内也有6个跨度，这也是有意义的，因为每次创建一个新的行级流体类时，您都会在'0'处开始跨度计数。

我希望我能正确理解你的问题！

Gr。 Leroy