Перейти до основного вмісту Перейти до навігації документами
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медіа-запит