Опции

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

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

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

Переменная	Ценности	Описание
`$spacer`	`1rem`(по умолчанию) или любое значение > 0	Задает значение разделителя по умолчанию для программного создания наших утилит разделителя .
`$enable-rounded`	`true`(по умолчанию) или`false`	Включает предопределенные `border-radius`стили для различных компонентов.
`$enable-shadows`	`true`или `false`(по умолчанию)	Включает предопределенные декоративные `box-shadow`стили для различных компонентов. Не влияет на `box-shadow`s, используемые для состояний фокуса.
`$enable-gradients`	`true`или `false`(по умолчанию)	Включает предопределенные градиенты с помощью `background-image`стилей для различных компонентов.
`$enable-transitions`	`true`(по умолчанию) или`false`	Включает предопределенные `transition`s для различных компонентов.
`$enable-reduced-motion`	`true`(по умолчанию) или`false`	Включает `prefers-reduced-motion`медиа-запрос , который подавляет определенные анимации/переходы в зависимости от настроек браузера/операционной системы пользователя.
`$enable-grid-classes`	`true`(по умолчанию) или`false`	Позволяет генерировать классы CSS для системы сетки (например `.row`, `.col-md-1`, и т. д.).
`$enable-container-classes`	`true`(по умолчанию) или`false`	Позволяет создавать классы CSS для контейнеров макета. (Новое в версии 5.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`медиа-запрос.