Question

我在堆放倒塌的容器时遇到了麻烦。我将它们设置在row中，其中有三列宽度为4.如果添加了另一列，则将其推送到下一行，这是所需的行为。但是，如果我打开容器关于新启动的行，当它打开时，它会将新包装的容器推向右侧，因此布局现在是错误的。如果您取消第一行的折叠，它将恢复。下面的快速图片描述了这种情况

编辑：当三列位于col-md-4设置下时，clearfix效果很好。当它缩小到小尺寸时，我将它设置为col-sm-6，然后clearfix正在使它有两列，一列一行，然后三行的下一行再次启动。任何解决方案或我是否必须重新考虑我的布局？

enter image description here

Answer 1

您需要在第三个元素后面添加一个clearfix元素来修复此布局。

<div class="clearfix"></div>