Bootstrap div重置

Question

我想了解如何重置boostraps列。

如果我这样做了：

Col-md-6
Col-md-4

然后我如何创建一个新行，其中列从1开始而不是11开始。 我不明白我应该在哪里（或者如果）使用clearfix

非常感谢 大卫

Answer 1

如果第三个col-md大于2，则Bootstrap自动生成一个新行，因为（4 + 6 +（x> 2））＆gt; 12.比不需要 clearfix 。

如果第三列是col-md-1或col-md-2，您可以使用clearfix 清除当前流并将列设置为新行：

<div class="row">
    <div class="col-md-4">
        col-md-4
    </div>
    <div class="col-md-6">
        col-md-6
    </div>
    <div class="clearfix"></div>
    <!-- New row -->
    <div class="col-md-2">
        col-md-2
    </div>
</div>

新行自动（4 + 6 + 6 = 16）＆gt; 12：

<div class="row">
    <div class="col-md-4">
        col-md-4
    </div>
    <div class="col-md-6">
        col-md-6
    </div>
    <div class="col-md-6">
        col-md-6
    </div>
</div>

Clearfix也可用于仅在特定设备宽度显示列，例如：

<div class="clearfix visible-xs-block">
    only visible in xs and a block element
</div>