Перейти к основному содержанию Перейти к навигации по документам
Check
in English

Опции

Быстро настраивайте 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-shadows, используемые для состояний фокуса.
$enable-gradients trueили false(по умолчанию) Включает предопределенные градиенты с помощью background-imageстилей для различных компонентов.
$enable-transitions true(по умолчанию) илиfalse Включает предопределенные transitions для различных компонентов.
$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медиа-запрос.