Контейнеры Bootstrap 4

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

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

Фиксированный контейнер — это адаптивный контейнер фиксированной ширины. Когда вы изменяете размер своего браузера, ширина контейнера остаётся неизменной, пока она не пройдёт определённую точку останова (указанную вами — подробнее об этом далее), и в этот момент изменится на новую ширину для этой точки останова.

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

Гибкий контейнер

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

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

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

Автор: Йен Диксон
Последнее изменение: 21.02.2024