Bootstrap xs 列换行

对于最小的 xs 尺寸，即使我的列加起来为 12，如果屏幕宽度减小到超过一定限制，它们也不会按预期工作。例如：-

<div class="container">
    <div class="row">
           <div class="col-xs-2">
           </div>
           <div class="col-xs-1 col-xs-offset-8>
            </div>
            <div class="col-xs-1>
           </div>
     </div>

我希望如果我减小尺寸，最后一列将堆叠到屏幕的末尾。然而，这种情况并非如此。当屏幕减小到超过一定限制时，最后一列会向屏幕的开头滚动。我考虑过编写 css 代码来赋予容器最小宽度。但是，我认为 bootstrap 可能有更好的方法来处理这个问题

这是一个已知的问题：https://github.com/twbs/bootstrap/issues/13221

在屏幕宽度 .col-xs-1列开始换行，因为..

“当列设置为宽度：8.333333%；时， 由于 15 像素的填充，列的宽度至少为 30 像素 两侧。因此，存在不匹配，浏览器只是 堆叠列”-@mdo

该问题可以通过不使用来避免col-xs-1在非常小的屏幕上。您还应该考虑屏幕大小是否会实际调整为小于 360 像素。大多数情况下并非如此。

注：在引导程序4, col-xs-1 is now col-1.

有关的：Bootstrap 网格以最小尺寸断裂