html - twitter bootstrap流体网格列

This question already has answers here:

Changing number of columns dynamically in Bootstrap grids
                                
                                    （2个答案）
                                
                        
                                6年前关闭。
            
                    
当使用Bootstrap的流体网格时，如果您希望内容跨越行的整个宽度，则必须声明一列。换句话说，足够了吗

<div class="row-fluid">
  This column should span the full width of the row
</div>

还是真的有必要这样做（如文档所示）：

<div class="row-fluid">
  <div class="span12">This column should span the full width of the row</div>
</div>

另外，当我想将列嵌套在流体网格中时，请根据docs


  使用流体网格嵌套[与非流体网格]有点不同：嵌套列的数量不应与父代的列数匹配。相反，将重置嵌套列的每个级别，因为每一行占用父列的100％。


然后，文档继续给出此示例，其中第一行是一个全角列，第二行是2个半角列

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

除了行的类名之外，我看不到这与非流体网格有何不同。另外，这个例子似乎与以下陈述相矛盾


  嵌套列的数量应与父代的列数不匹配


因为上次我检查了6 + 6 =12。有人可以改进这个解释吗？

最佳答案

（1）我看不到这与非流体网格有何不同


它使用百分比


（2）嵌套的列数不应与父级的列数匹配

不好的例子，它们的简单含义是，无论嵌套在什么名称中，类名称中的数字总应等于12。

这是对的：

<div class="row-fluid">
  <div class="span6 row-fluid">
     <div class="span4"> &nbsp; </div>
     <div class="span4"> &nbsp; </div>
     <div class="span4"> &nbsp; </div>
  </div>
</div>

而不是这样，这是错误的：

<div class="row-fluid">
  <div class="span6 row-fluid">
     <div class="span2"> &nbsp; </div>
     <div class="span2"> &nbsp; </div>
     <div class="span2"> &nbsp; </div>
  </div>
</div>

关于html - twitter bootstrap流体网格列，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13690516/