Перейти к основному содержанию Перейти к навигации по документации

Быстро настройте Bootstrap с помощью встроенных переменных, чтобы легко переключать глобальные настройки CSS для управления стилем и поведением.

Настройте Bootstrap с помощью нашего встроенного файла пользовательских переменных и легко переключайте глобальные настройки CSS с помощью новых переменных Sass $enable-*. Замените значение переменной и при необходимости перекомпилируйте с помощью npm run test.

Вы можете найти и настроить эти переменные для ключевых глобальных параметров в файле Bootstrap scss/_variables.scss.

Переменная Значения Описание
$spacer 1rem (по умолчанию), или любое значение > 0 Задает значение разделителя по умолчанию для программного создания наших утилиты интервала.
$enable-rounded true (по умолчанию) или false Включает предопределенные border-radius стили для различных компонентов.
$enable-shadows true или false (по умолчанию) Включает предопределенные декоративные стили box-shadow для различных компонентов. Не влияет на box-shadow, используемый для состояний фокуса.
$enable-gradients true или false (по умолчанию) Включает предопределенные градиенты с помощью background-image стилей на различных компонентов.
$enable-transitions true (по умолчанию) или false Включает предопределенные transition на различных компонентах.
$enable-reduced-motion true (по умолчанию) или false Включает медиа выражение prefers-reduced-motion, который подавляет определенные анимации/переходы на основе настроек браузера/операционной системы пользователя.
$enable-grid-classes true (по умолчанию) или false Позволяет генерировать классы CSS для системы сеток (например .row, .col-md-1 и т. д.).
$enable-container-classes true (по умолчанию) или false Включает создание классов CSS для контейнеров макета. (Новое в v5.2.0)
$enable-caret true (по умолчанию) или false Включает каретку псевдоэлемента .dropdown-toggle.
$enable-button-pointers true (по умолчанию) или false Добавить курсор “в виде руки” к неотключенным кнопочным элементам.
$enable-rfs true (по умолчанию) или false Глобально включает RFS.
$enable-validation-icons true (по умолчанию) или false Включает иконки background-image в текстовых входах и некоторые настраиваемые формы для состояний проверки.
$enable-negative-margins true или false (по умолчанию) Позволяет генерировать отрицательные утилиты margin.
$enable-deprecation-messages true (по умолчанию) или false Установите значение false, чтобы скрыть предупреждения при использовании любых устаревших миксинов и функций, которые планируется удалить в v6.
$enable-important-utilities true (по умолчанию) или false Включает !important суффикс в служебных классах.
$enable-smooth-scroll true (по умолчанию) или false Применяет scroll-behavior: smooth глобально, за исключением пользователей, запрашивающих уменьшение движения через медиа-запрос prefers-reduced-motion