Bootstrap col-xx-x失效或未按预期执行解决方法

<div class="row">
  <div class="col-xs-12 col-md-8 head">.col-xs-12 .col-md-8</div>
  <div class="col-xs-6 col-md-4 head">.col-xs-6 .col-md-4</div>
</div>

<!-- Columns start at 50% wide on mobile and bump up to 33.3% wide on desktop -->
<div class="row">
  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
</div>

<!-- Columns are always 50% wide, on mobile and desktop -->
<div class="row">
  <div class="col-xs-6">.col-xs-6</div>
  <div class="col-xs-6">.col-xs-6</div>
</div>

删除col-xx-x其它自定义的属性。例如删除第一个div块class中的head属性。