Утилиты для верстки
Для более быстрой и удобной для мобильных устройств разработки Bootstrap включает в себя десятки служебных классов для отображения, скрытия, выравнивания и размещения контента.
изменениеdisplay
Используйте наши утилиты отображения для оперативного переключения общих значений displayсвойства. Смешайте его с нашей системой сетки, контентом или компонентами, чтобы показать или скрыть их в определенных окнах просмотра.
Параметры флексбокса
Bootstrap построен с использованием flexbox, но не каждый элемент displayбыл изменен, display: flexтак как это добавило бы много ненужных переопределений и неожиданно изменило бы ключевое поведение браузера. Большинство наших компонентов созданы с включенным flexbox.
Если вам нужно что-то добавить display: flexк элементу, сделайте это с помощью .d-flexодного из адаптивных вариантов (например, .d-sm-flex). Вам понадобится этот класс или displayзначение, чтобы разрешить использование наших дополнительных утилит flexbox для изменения размера, выравнивания, интервалов и многого другого.
Маржа и отступы
Используйте утилитыmargin и интервалы , чтобы управлять расстоянием и размером элементов и компонентов. Bootstrap включает шестиуровневую шкалу для интервальных утилит, основанную на значении переменной по умолчанию . Выберите значения для всех окон просмотра (например, для LTR) или выберите адаптивные варианты для конкретных окон просмотра (например, для — в LTR — начиная с точки останова).padding 1rem$spacer.me-3margin-right: 1rem.me-md-3margin-right: 1remmd
Переключатьvisibility
Когда переключение displayне требуется, вы можете переключить visibilityэлемент с помощью наших утилит видимости . Невидимые элементы по-прежнему будут влиять на макет страницы, но будут визуально скрыты от посетителей.