Bootstrap网格系统隐式行为

Question

我是一个自举网格系统的新手，到目前为止，我们发现你可以定义一行，使得列的宽度超过该类别（lg，sm或md）的总和为12。在以下分区中，第二个分区未指定“lg”类别的宽度。但是，在浏览器中，它显示为跨越12列中的3列。

这里的规则是什么？

<div class="row">

    <div class="col-sm-9 col-lg-6 text-danger">

        I am the main content.

    </div>

    <div class="col-sm-3 text-warning">

        I am the main sidebar.

    </div>

    <div class="col-lg-3 visible-lg text-success">

        I am the secondary sidebar that only shows up on LARGE devices.

    </div>

</div>

Answer 1

在这里复兴一个旧问题..但是，单行超过12个单位是可以的。它只会导致列换行，并且它位于Bootstrap docs。

中

  

如果在一行中放置的列数超过12列，则每组额外列将作为一个单元换行换行。

When to use Bootstrap's row class