Bootstrap 3:连续使用超过 12 列
提供的代码片段覆盖 Bootstrap 3 对于大型列组的行为,允许您连续使用超过 12 列。但是,需要澄清的是,Bootstrap 并不严格限制每行 12 列。
根据 Bootstrap 文档,单行中可以包含超过 12 列。但是,如果超过此限制,多余的列将作为一个单元换行到新行。这种“列换行”对于保持网格系统的响应特性是必要的。
要演示此行为,请考虑以下代码示例:
<code class="html"><div class="container"> <div class="row large-group" style="background-color:#ebebeb;"> <div class="col-xs-9"><div style="background-color:#babeee;"><p>col 9</p></div></div> <div class="col-xs-3"><div style="background-color:#fefeeb;"><p>col 3</p></div></div> <div class="col-xs-12"><div style="background-color:#bada55;"><p>col 12</p></div></div> </div> </div></code>
在此示例中,有 14 个列,超出了 12 的典型限制。但是,请注意,列仍然显示正确并换行,从而保持响应式布局。
因此,不需要在原始帖子。 Bootstrap 已经允许您连续使用超过 12 列,前提是您考虑“列换行”行为。
以上是Bootstrap 3 真的可以有超过 12 列的连续列吗?的详细内容。更多信息请关注PHP中文网其他相关文章!