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-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 медиа-запрос. |