html - bootstrap 允许连续超过12列。

在包含span9类的div内，有3个包含span4类的子div，这证明可以在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>

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

最佳答案

Layoutit code generator

使用上面的代码生成器，这将为您提供嵌套列的简便方法。首先删除“ Hello World”巨无霸，然后添加6 6网格（从网格系统侧菜单中），然后在每个网格中嵌套4 4 4网格。可下载的输出代码将显示易于查看的嵌套。请注意，clearfix标记只是清除周围代码中使用的任何浮动命令，网格划分菜单选项（在侧栏本身中）可以被覆盖，即第二个向下的是6 6，因此只需删除它们并添加3 3 3 3（ （以空格作为分隔符），然后将其添加到上面最初给出的两个6中，最终将得到8个宽度为1.5的宽列。

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

关于html - bootstrap 允许连续超过12列。，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30706587/