在某些阈值时，某些列可能会出现比别的列高的情况。为了克服这一问题，建议联合使用 .clearfix 和 响应式工具类。
例子：下边的布局中，第一个的文字比较多，会出现列比其他列高的情况，由于底层是浮动写的，这时候在移动端的时候会出现下边三个元素浮动上去，这时候就要清除浮动，并且该div只在移动端显示，就能解决这个问题了
<div class="row">
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3 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 style="clear: both;" id="functionDiv"></div> -->
<!-- clearfix清除浮动影响,它是通过:after和:before来来实现的清除浮动 -->
<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>