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-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медіа-запит |