Source

Утилиты для верстки

Для более быстрой и удобной для мобильных устройств разработки Bootstrap включает в себя десятки служебных классов для отображения, скрытия, выравнивания и размещения контента.

изменениеdisplay

Используйте наши утилиты отображения для оперативного переключения общих значений displayсвойства. Смешайте его с нашей системой сетки, контентом или компонентами, чтобы показать или скрыть их в определенных окнах просмотра.

Параметры флексбокса

Bootstrap 4 построен с использованием flexbox, но не каждый элемент displayбыл изменен, display: flexтак как это добавило бы много ненужных переопределений и неожиданно изменило бы ключевое поведение браузера. Большинство наших компонентов созданы с включенным flexbox.

Если вам нужно что-то добавить display: flexк элементу, сделайте это с помощью .d-flexодного из адаптивных вариантов (например, .d-sm-flex). Вам понадобится этот класс или displayзначение, чтобы разрешить использование наших дополнительных утилит flexbox для изменения размера, выравнивания, интервалов и многого другого.

Маржа и отступы

Используйте утилитыmargin и интервалы , чтобы управлять расстоянием и размером элементов и компонентов. Bootstrap 4 включает пятиуровневую шкалу для интервальных утилит, основанную на значении переменной по умолчанию . Выберите значения для всех окон просмотра (например, для ) или выберите адаптивные варианты для конкретных окон просмотра (например, для запуска в точке останова).padding 1rem$spacer.mr-3margin-right: 1rem.mr-md-3margin-right: 1remmd

Переключатьvisibility

Когда переключение displayне требуется, вы можете переключить visibilityэлемент с помощью наших утилит видимости . Невидимые элементы по-прежнему будут влиять на макет страницы, но будут визуально скрыты от посетителей.