bootstrap允许连续超过12列。

Question

在包含类span9的div中，有3个子div包含span4类，这证明可以在9列内创建12列的行。即使这12列也不能覆盖9列的100％宽度。

<div class="span9">
            <div class="span4 col-sm-offset-2" id="uniform-requiredMonth">
            <span>June</span><select name="data[User][dob][month]" id="requiredMonth" class="span3 text" style="opacity: 0;">
            </select>
            </div>
         <div class="selector span4 col-sm-offset-2" id="uniform-requiredDay"><span>8</span><select name="data[User][dob][day]" id="requiredDay" class="span3 text" style="opacity: 0;">
            </select>
        </div> 
        <div class="selector span4 col-sm-offset-2" id="uniform-requiredYear"><span>2015</span><select name="data[User][dob][year]" id="requiredYear" class="span3 text" style="opacity: 0;">
            </select>
     </div>
  </div>

对我来说没有意义。任何帮助将不胜感激。提前致谢。

Answer 1

Layoutit code generator

使用上面的代码生成器，它将为您提供一种嵌套列的简便方法。首先删除Hello World jumbotron，然后添加一个6 6网格（从网格系统侧面菜单），然后在每个网格中添加一个嵌套的4 4 4网格。可下载的输出代码将显示易于查看的嵌套。注意clearfix标签只是清除周围代码中使用的任何浮动命令，网格分区菜单选项（在侧栏本身）可以覆盖，即第二个下降是6 6所以只需删除它们并添加3 3 3 3（如果您将其添加到上面最初给出的两个6'，则最终得到8个1.5宽度的列。

同样在Chrome浏览器中，您可以右键单击并检查元素（CTRL + Shift + I），并在右侧的图表中查看填充和边距，我觉得非常酷。