【问题标题】：Why Bootstrap 4 Grid shows horizontal scroller below 623px? Is it a bug?为什么 Bootstrap 4 Grid 显示低于 623px 的水平滚动条？这是一个错误吗？
【发布时间】：2018-08-20 06:44:35
【问题描述】：
我使用简单：
<div class="row">
<div class="col-11"></div>
<div class="col-1"></div>
</div>
在.container-fluid div 中，我想知道为什么当窗口width 低于623px 时网格会添加水平滚动条？
我正在努力解决这个问题，因为我不希望在我的项目中发生这种情况。
有人知道吗？
这里有一个codepen.io 版本供您查看。
【问题讨论】：
标签：
css
grid
bootstrap-4
scroller
【解决方案1】：
在您的 codepen 上，这是因为“Right”这个词对于 col-1 来说太大了。
【解决方案2】：
这是因为当窗口达到该大小时，“右”一词不适合 col-1 列。所以，它溢出了，这就是水平滚动条出现的原因。
要解决此问题，您可以使用 col-auto 而不是 col-1。
col-auto 将使列尽可能窄，以适应列内的内容。这也意味着，在这种特殊情况下，列只会被向下推（当它不适合时）并且您不会得到任何水平滚动条。