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

Параметры

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

Содержание

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

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

Переменная Ценности Описание
$spacer 1rem (по умолчанию) или любое значение> 0 Задает значение спейсера по умолчанию для программного создания наших утилит Spacing.
$enable-rounded true (по умолчанию) или false Включает предопределенные border-radius стили для различных компонентов.
$enable-shadows trueили false (по умолчанию) Включает предопределенные 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-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 (по умолчанию) Установите для true отображения предупреждений при использовании любых устаревших миксинов и функций, которые планируется удалить в v5.
$enable-important-utilities true (по умолчанию) или false Включает !important суффикс в служебных классах.
Комментарии для сайта Cackle