bootstrap 在超小屏布局时使用 clearfix

bootstrap 在超小屏布局时使用 clearfix

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

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

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

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

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

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

posted on 2018-03-09 16:22  建伟F4nniu  阅读(228)  评论(0编辑  收藏  举报

导航