Параметры
Быстрая настройка Bootstrap со встроенными переменными для легкого переключения глобальных настроек CSS для управления стилем и поведением.
Настройте Bootstrap с помощью нашего встроенного файла пользовательских переменных и легко переключайте глобальные настройки CSS с помощью новых переменных Sass $enable-*. Замените значение переменной и при необходимости перекомпилируйте с помощью npm run test.
Вы можете найти и настроить эти переменные для ключевых глобальных параметров в файле Bootstrap scss/_variables.scss.
| Переменная | Значения | Описание |
|---|---|---|
$spacer | 1rem (по умолчанию), или любое значение > 0 | Задает значение разделителя по умолчанию для программного создания наших утилиты интервала. |
$enable-dark-mode | true (по умолчанию), или false | Включает встроенную поддержку темного режима в проекте и его компонентах. |
$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 |