Как увеличить максимальную ширину контейнера с помощью bootstrap4?

Question

Я не могу увеличить максимальную ширину моего контейнера. Как изменить ширину в исходном коде?

Я уже пытался изменить размер ширины на странице bootstrap-grid.css.

Инспектор элементов позволяет мне изменять макс. -width. Как изменить файл _grid.scss: 6?

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

Answer 1

Браузер показывает карты SASS. Если вы хотите просто использовать CSS , переопределите каждую точку останова контейнера ...

@media (min-width: 576px) {
  .container {
    max-width: ??px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: ??px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: ??px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: ??px;
  }
}

Демо-версия CSS: https://www.codeply.com/go/zTBLpNsTDi
SASS Demo: https://www.codeply.com/go/5D8PrphU4b

См. Также: Установите для класса контейнера Bootstrap значение 940 пикселей максимум

Или с использованием SASS : Bootstrap 4-минутный контейнер для жидкости шириной (изменить поведение при реагировании)