Bootstrap 容器流体填充

Question

以下 HTML 正在生成不需要的填充：

  <div class="container-fluid">
    <div class="row">
        <div class="col-xs-12">
            test
        </div>
    </div>
</div>

显示问题的屏幕截图：

原文由 user6501272 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这里的答案都没有帮助我使用 Bootstrap 4。

添加 container-fluid p-0 删除了水平填充，但创建了一个水平滚动条。

滚动条来自行元素的负边距 - 一个 100% 宽度的容器，没有填充，每边被拉伸 15px。据我所知，它与列填充无关。

对我来说唯一的解决方法是

.container-fluid{ overflow: hidden; }

原文由 Hans 发布，翻译遵循 CC BY-SA 3.0 许可协议