Bootstrap栅格实例：clearfix实现响应式列重置

在使用Bootstrap过程中有时会碰到这样一些情况，比如，在某些情况下，某些列可能会出现比别的列高的情况。为了克服这一问题，可以联合使用 .clearfix 和响应式工具类。示例代码如下：

<div class="row">
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3<br />Resize your viewport or check it out on your phone for an example.</div>
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div> 
<div class="clearfix visible-xs-block"></div>
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
</div>

演示效果如下所示：

.col-xs-6 .col-sm-3
Resize your viewport or check it out on your phone for an example.

.col-xs-6 .col-sm-3