Bootstrap 3 真的可以有超过 12 列的连续列吗？

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中文网其他相关文章！