Интервал между контейнерами Boostrap слева и справа

Question

Мне нужен контейнер, который изменяется по ширине страницы, как это делают контейнеры начальной загрузки, но при этом все еще имеют промежутки между контейнером и сторонами страницы, когда он становится действительно маленьким.В отличие от того, как это происходит сейчас, когда он достигает определенной малости и затем занимает всю страницу.

Answer 1

напишите этот код в вашем медиа-запросе breakpoint. Введите css после начальной загрузки css.

.container {
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
}

<div class="container"></div>

Answer 2

С помощью медиазапросов Bootstrap дает разную ширину .container в зависимости от размера устройства:

Extra small devices (<768px): width: auto (or no width)
Small Devices (≥768px): width: 750px
Medium Devices (≥992px): width: 970px
Larger Devices (≥1200px): width: 1170px

Answer 3

Вам нужно написать медиа-запрос в нужной точке останова и настроить контейнер BS4.Например

@media screen and (max-width:425px){
   .container{
     padding-left: 0;
     padding-right: 0
    }
}

Answer 4

установить заполнение контейнера 0px ..