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。