twitter-bootstrap - Bootstrap 3、4 和 5 .container-fluid，网格添加不需要的填充

Question

我希望我的内容是流畅的，但是当将 .container-fluid 与 Bootstrap 网格一起使用时，我仍然看到填充。

如何去掉填充？

我发现我没有使用 .row 进行填充，但我想添加列，一旦添加，填充就会回来。

我希望能够使用全宽的列。

一个例子:

<div class="container-fluid">
    <div class="row">
      <div class="col-sm-6">
    <p>Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>
  </div> 
  <div class="col-sm-6">
    <p>Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>
  </div> 
</div>

我的解决方案:

覆盖 bootstrap.css，链接 1427 和 1428 (v3.2.0)

padding-right: 15px;
padding-left: 15px;

至

padding-right: 0px;
padding-left: 0px;

Answer 1

您还应该向每个容器添加一个“行”，这将“解决”此问题!

<div class="container-fluid">
   <div class="row">
        Some text
   </div>
</div>

参见http://jsfiddle.net/3px20h6t/