Контейнеры Bootstrap 4 (container)

Контейнеры Bootstrap 4 (container)

Контейнеры создают основу для макета страницы.

Верстка на Bootstrap требует основной элемент, который будет оборачивать остальные элементы и содержать внутри себя сетку. Классы контейнера в Bootstrap были созданы специально для этой цели.

Контейнеры могут быть фиксированными или резиновыми.

Фиксированный контейнер (container)

Фиксированный контейнер - это адаптивный контейнер фиксированной максимальной ширины. При изменении размера браузера ширина контейнера остается неизменной до тех пор, пока он не пройдет определенную точку, после чего он изменит размер до новой ширины для этого разрешения.

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

Резиновый контейнер

Резиновый контейнер охватывает всю ширину видимой области. Он будет расширяться и сокращаться по мере изменения размера браузера. Это противоречит контейнеру с фиксированной шириной, который будет «переходить» к новому размеру при прохождении заданной точки ширины браузера.

<div class="container-fluid">
...
</div>
блок 1

Хотя вы можете создавать шаблоны Bootstrap без контейнеров, они необходимы при использовании сетки Bootstrap.

блок 3

Оставьте первый комментарий

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*