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

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

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

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

ПеременнаяЗначенияОписание
$spacer1rem (по умолчанию), или любое значение > 0Указывает значение разделителя по умолчанию для программной генерации наших утилит разделителей.
$enable-dark-modetrue (по умолчанию) или falseВключает встроенную поддержку темного режима во всем проекте и его компонентах.
$enable-roundedtrue (по умолчанию) или falseВключает предопределенные стили border-radius на различных компонентах.
$enable-shadowstrue или false (по умолчанию)Включает предопределенные декоративные стили box-shadow на различных компонентах. Не влияет на box-shadow, используемые для состояний фокуса.
$enable-gradientstrue или false (по умолчанию)Включает предопределенные градиенты через стили background-image на различных компонентах.
$enable-transitionstrue (по умолчанию) или falseВключает предопределенные transition на различных компонентах.
$enable-reduced-motiontrue (по умолчанию) или falseВключает медиа-запрос prefers-reduced-motion, который подавляет определенные анимации/переходы на основе предпочтений браузера/операционной системы пользователей.
$enable-grid-classestrue (по умолчанию) или falseВключает генерацию CSS классов для системы сетки (например, .row, .col-md-1 и т.д.).
$enable-cssgridtrue или false (по умолчанию)Включает экспериментальную систему CSS Grid (например, .grid, .g-col-md-1 и т.д.).
$enable-container-classestrue (по умолчанию) или falseВключает генерацию CSS классов для контейнеров макета. (Новое в v5.2.0)
$enable-carettrue (по умолчанию) или falseВключает псевдоэлемент каретки на .dropdown-toggle.
$enable-button-pointerstrue (по умолчанию) или falseДобавляет курсор "рука" к неотключенным элементам кнопок.
$enable-rfstrue (по умолчанию) или falseГлобально включает RFS.
$enable-validation-iconstrue (по умолчанию) или falseВключает иконки background-image в текстовых полях ввода и некоторых пользовательских формах для состояний валидации.
$enable-negative-marginstrue или false (по умолчанию)Включает генерацию утилит отрицательных отступов.
$enable-deprecation-messagestrue (по умолчанию) или falseУстановите в false, чтобы скрыть предупреждения при использовании любых устаревших миксинов и функций, которые планируется удалить в v6.
$enable-important-utilitiestrue (по умолчанию) или falseВключает суффикс !important в утилитарных классах.
$enable-smooth-scrolltrue (по умолчанию) или falseПрименяет scroll-behavior: smooth глобально, за исключением пользователей, запрашивающих сокращенные движения через медиа-запрос prefers-reduced-motion