twitter-bootstrap
Контейнеры Bootstrap
Поиск…
Вступление
Используйте .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