引导COL-XS包装

Question

我被检验出col-xs防止堆放在规定更小的设备如下：

不希望在列只需在更小的设备叠加么？通过将.col-xs- * .col-md- *添加到列中，可以使用 多余的中小型设备网格类。

所以我做了以下内容：

<div class='container'> 
    <div class='row'> 
     <div class="col-xs-1">.col-xs-1</div> 
     <div class="col-xs-1">.col-xs-1</div> 
     <div class="col-xs-1">.col-xs-1</div> 
     <div class="col-xs-1">.col-xs-1</div> 
     <div class="col-xs-1">.col-xs-1</div> 
     <div class="col-xs-1">.col-xs-1</div> 
     <div class="col-xs-1">.col-xs-1</div> 
     <div class="col-xs-1">.col-xs-1</div> 
     <div class="col-xs-1">.col-xs-1</div> 
     <div class="col-xs-1">.col-xs-1</div> 
     <div class="col-xs-1">.col-xs-1</div> 
     <div class="col-xs-1">.col-xs-1</div> 
    </div> 
</div> 

，得到了以下几点：

任何理由为什么发生这种情况，如何解决这一问题？

Answer 1

这是自举3 https://github.com/twbs/bootstrap/issues/10513

一个已知问题的列不能收缩小于30像素（由于填充），使他们最终他们换行。在网格列中显示内容< 30px并不常见，因此您可能不希望在此情况下使用网格，而是使用内联列表或flexbox。