bootstrap清除浮动问题

所有的col-样式都是左浮动

<div class="row">

<div class="col-xs-6 col-sm-3">div1: .col-xs-6 .col-sm-3</div>

<div class="col-xs-6 col-sm-3">div2: .col-xs-6 .col-sm-3</div>

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

<div class="col-xs-6 col-sm-3">div3: .col-xs-6 .col-sm-3</div>

<div class="col-xs-6 col-sm-3">div4: .col-xs-6 .col-sm-3</div>

</div>

利用clearfix样式清除浮动，但是前提条件是在超小型屏幕上能显示才行（因为其是用visible-xs样式控制的）