html - Bootstrap 4.5 如何更改容器网格装订线宽度

Question

在_variables.scss下，我们可以更改所有组件的$grid-gutter-width: 30px !default;。

现在，我只需要更改 .container 类:

喜欢:

.container {
    padding-left: 40px;
    padding-right: 40px;
}

我可以在 BS 4.5 上哪里管理它？

Answer 1

仅适用于.container...

.container {
   @include make-container(40px);
}

对于 .container 及其内部的网格列...

.container {
   @include make-container(40px);
   @include make-grid-columns($grid-columns, 40px, $grid-breakpoints)
}

Codeply demo