Опции
Быстро настройте Bootstrap с помощью встроенных переменных для легкого переключения глобальных CSS предпочтений для управления стилем и поведением.
Настройте Bootstrap с помощью нашего встроенного файла пользовательских переменных и легко переключайте глобальные CSS предпочтения с новыми переменными Sass $enable-*
. Переопределите значение переменной и перекомпилируйте с помощью npm run test
по мере необходимости.
Вы можете найти и настроить эти переменные для ключевых глобальных опций в файле scss/_variables.scss
Bootstrap.
Переменная | Значения | Описание |
---|---|---|
$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-cssgrid | true или false (по умолчанию) | Включает экспериментальную систему CSS Grid (например, .grid , .g-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 (по умолчанию) | Включает генерацию утилит отрицательных отступов. |
$enable-deprecation-messages | true (по умолчанию) или false | Установите в false , чтобы скрыть предупреждения при использовании любых устаревших миксинов и функций, которые планируется удалить в v6 . |
$enable-important-utilities | true (по умолчанию) или false | Включает суффикс !important в утилитарных классах. |
$enable-smooth-scroll | true (по умолчанию) или false | Применяет scroll-behavior: smooth глобально, за исключением пользователей, запрашивающих сокращенные движения через медиа-запрос prefers-reduced-motion |