Bootstrap 4.5 How can I change container grid-gutter-width

Question

Under _variables.scss we can change $grid-gutter-width: 30px !default; for all components.

Now, I need to change it only for .container class:

Like:

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

Where I can manage this on BS 4.5?

Answer 1

For the .container only...

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

For the .container and the grid columns inside it...

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

Codeply demo