Перейти к содержимому

Объяснение принципов работы контейнеров Bootstrap 5.

Career & Tech HQ

0:00 / 0:00

Объяснение принципов работы контейнеров Bootstrap 5.

11 223 просмотра · 6 лет назад
Career & Tech HQ
12,6 тыс. подписчиков
11 223 просмотра · 6 лет назад
Контейнеры — Bootstrap V.5 В этом видео я покажу вам, как использовать контейнеры в Bootstrap 5. Контейнер — это класс Bootstrap, который позволяет оборачивать и содержать различные компоненты или элементы, которые вы хотите отобразить на своей веб-странице. В Bootstrap доступны три типа классов контейнеров: Первый — это класс `.container`, который позволяет создавать контейнеры фиксированной ширины. Второй тип класса контейнера называется `.container-fluid`, с помощью которого вы можете создать контейнер полной ширины. Обратите внимание, что: Класс `.container-fluid` всегда будет предоставлять контейнер полной ширины независимо от размера экрана, на котором отображается веб-сайт. Это означает, что его ширина всегда будет 100%. Чтобы убедиться в этом, я уменьшу размер окна браузера, чтобы имитировать экраны мобильных устройств. Там вы можете увидеть, что ширина нашего контейнера полной ширины остается неизменной. Что касается класса контейнера фиксированной ширины: Он немного отличается. отличается, потому что С помощью этого контейнера фиксированной ширины вы можете создать адаптивный контейнер. Это означает, что его максимальная ширина будет динамически изменяться в зависимости от размера экрана. Третий класс контейнера называется container-breakpoint или responsive container. Он позволяет указать класс, ширина которого составляет 100% до достижения указанной точки останова. #codingriver #bootstrap5 #css