有時(shí)候某些列可能會(huì)出現(xiàn)比別的列高的情況馁启，會(huì)影響下一行列的排行。
例如：
正常的情況
normal.png
出現(xiàn)問題的情況：
problem.png
為了解決這個(gè)問題芍秆，建議聯(lián)合使用 .clearfix 和 響應(yīng)式工具類惯疙。
<div class="row">
<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>
<!-- Add the extra clearfix for only the required viewport -->
<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>
<div class="clearfix visible-xs-block"></div> 這句是重點(diǎn)。
上面這句代碼只能在小屏幕中起作用妖啥，這是因?yàn)?code>visible-xs-block在小屏幕中可見霉颠。
換成不同屏幕，就要換成對(duì)應(yīng)的sm荆虱，md蒿偎，lg了。
visible.png
