bootstrap 在超小屏布局时使用 clearfix

bootstrap 在超小屏布局时使用 clearfix

先看案例，一共四个 div，使用 col-xs-6, 所以在特别小型设备上时会变成两行。

不过我们发现如果第一个 div 内容多了后会变成如下图：

这里需要在第二个 div 后面加上

<div class="clearfix visible-xs"></div>


这个是意思是在特别小型尺寸中可见，并清除浮动。

最终显示如下，达到我们的要求。