引导网格添加左右有余量？

Question

因此，我在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>

目前，这实际上是一个准系统应用程序，但是对于为什么会这样，我有些困惑。

Answer 1

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

.container-fluid {
    padding: 0;
}

您还可以添加另一个类以使其更精细：

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

Answer 2

使用容器类删除div。