Утилиты для макета

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

Смотреть на GitHub

Изменение параметра display

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

Опции растяжимых контейнеров

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

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

Margin и padding

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

Переключение видимости visibility

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

Функция Display Toggle (Переключение экранов) доступна только для систем с несколькими мониторами. Данная функция позволяет работать с интерактивным дисплеем на всех подключенных дополнительных мониторах одновременно или только на одном из них.

После установки графического планшета в системе с несколькими мониторами вкладка Display Toggle (Переключение экранов) в Свойствах планшета Wacom становится доступна автоматически. На этой вкладке можно выбрать монитор, который должен быть включен в последовательность переключения.

Задав функцию Display Toggle (Переключение экранов) для одной из клавиш ExpressKey или боковой кнопки пера, можно использовать эту клавишу или кнопку для переключения текущего отображения планшета между базовым отображением и другими мониторами.