Поиск…


Вступление

Используйте .container для адаптивного контейнера с фиксированной шириной.

Используйте .container-fluid для контейнера полной ширины, охватывающего всю ширину окна просмотра.

Контейнеры

.контейнер имеет одну фиксированную ширину для каждого размера экрана в бутстрапе (xs, sm, md, lg);

.контейнер-жидкость расширяется, чтобы заполнить доступную ширину.

@media (min-width: 568px) {
  .container {
    width: 550px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

В зависимости от ширины окна просмотра, на котором просматривается веб-страница, класс контейнера дает свой div конкретную фиксированную ширину.

С другой стороны, ваш элемент .container-fluid будет постоянно изменяться, поскольку вы вносите даже самые незначительные изменения в ширину вашего браузера.



Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow