css:Bootstrap 3-连续使用超过12列

我遇到这样一种情况，要求我不限制一行中的列数，因为可能会从管理员的位置向该区域添加多个内容块。

默认情况下，BS3的行为告诉12列div不浮动，这会使它们越过较小的浮动div的顶部.因此，我为系统编写了一个替代类，并认为如果其他人遇到问题，我会分享。

如果有人有更好的主意或建议，我很想感觉自己不是在入侵Bootstrap ...但是这就是我的解决方法。

  /* col-xs float fix for large column groups */  
  .large-group .col-xs-12 {
    float: left;    
  }
  /* col-sm float fix for large column groups */    
  @media (min-width: 768px) {    
    .large-group .col-sm-12 {    
      float: left;    
    }    
  }
  /* col-md float fix for large column groups */    
  @media (min-width: 992px) {    
    .large-group .col-md-12 {    
      float: left;    
    }    
  }
  /* col-lg float fix for large column groups */    
  @media (min-width: 1200px) {
    .large-group .col-lg-12 {    
      float: left;    
    }    
  }

<div class="container">
  <div class="row large-group" style="background-color:#ebebeb;">    
    <div class="col-xs-9"><div style="background-color:#babeee;"><p>col 9</p></div></div>    
    <div class="col-xs-3"><div style="background-color:#fefeeb;"><p>col 3</p></div></div>    
    <div class="col-xs-12"><div style="background-color:#bada55;"><p>col 12</p></div></div>    
  </div>    
</div>