Bootstrap 4.5 Как изменить ширину сетки-желоба контейнера

Question

Под _variables.scss мы можем изменить $grid-gutter-width: 30px !default; для всех компонентов.

Теперь мне нужно изменить его только для .container class:

Like:

.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