Как правильно изменить ширину контейнера bootstrap 3 на большую?

Question

[Denwebart]

Здравствуйте. По умолчанию ширина контейнера bootstrap 3 - 1170px.
Мне необходимо, чтобы ширина контейнера составляла 1300 пикселей.
Пользовался кастомизатором на сайте bootstrap 3, выставил значение @container-large-desktop = 1300px + @grid-gutter-width, который остался по умолчанию.
Когда дело дошло до адаптивности, столкнулся с проблемой.
Оказалось, что в некоторых случаях ширина контента больше, чем ширина экрана:

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

Подскажите, пожалуйста, как быть?

Answer 1

[Сергей delphinpro]

брикпойнт еще нужно поменять
Media queries breakpoints - @screen-lg

Comments

[Denwebart]

Задал значение @screen-lg 1300px - и все получилось. Спасибо Вам!

Answer 2

[Sanan Yuzb]

Используйте .container-fluid

Comments

[Denwebart]

Мне нужно, чтобы контейнер был 1300px максимум и не расширялся.

Answer 3

[Павел]

идем сюда getbootstrap.com/customize в разделе Container sizes настраиваем нужную ширину , также не лишним будет пробежаться по остальным параметрам

Answer 4

[GoodProject]

Вот замечательное видео по созданию Bootstrap сетки НУЖНОГО размера :)
https://www.youtube.com/watch?v=7j2MnoFeHJg