引导网格添加在左右两边都有边距？答案

【问题标题】：Bootstrap grid adding has margin on left and right?引导网格添加在左右两边都有边距？
【发布时间】：2018-11-30 01:21:56
【问题描述】：

所以我正在 Angular 中构建一个应用程序，并尝试使用 bootstrap col 轻松地对我的页面进行空间和格式化，但我的页面上似乎在我应用 col-lg-12 的元素周围有一些边距它肯定不应该适合整个页面吗？

<div class="container-fluid">
  <div class="row">
    <div class="col-lg-12">
      <div class="header">Turtle</div>
    </div>
  </div>
</div>

目前它实际上是一个准系统应用程序，但我对为什么会发生这种情况感到有些困惑。

【问题讨论】：

【解决方案1】：

删除带有容器类的 div。

【讨论】：

【解决方案2】：

我会将容器作为一种良好的组织方法，但切换到 .container-fluid 并将其应用到您的自定义样式表中：

.container-fluid {
    padding: 0;
}

您还可以添加另一个更细化的类：

.container-fluid.full-width {
    padding: 0;
}

【讨论】：