Объяснение принципов работы контейнеров 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