0

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

https://stackblitz.com/edit/angular-vrpc9a?file=src%2Fapp%2Fheader%2Fheader.component.html

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

4

2 回答 2

1

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

.container-fluid {
    padding: 0;
}

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

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

演示

于 2018-06-20T20:15:25.067 回答
0

使用容器类删除 div。

https://getbootstrap.com/docs/4.1/layout/overview/#containers

于 2018-06-20T20:12:23.313 回答