bootstrap学习3--CSS样式学习之响应式列重置

在某些阈值时（比如宽屏幕中的某些元素字数较多，窄屏幕中就没有办法放在一行中，就会影响行高），某些列可能会出现比别的列高的情况。为了克服这一问题，建议联合使用 .clearfix 和 响应式工具类。

<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>

实验了上面一段代码，加上和去掉 clearfix 没发现有什么作用，不过

visible-xs-block 到是起了作用， 
visible-xs-block属于超小屏幕可见 实验有效果