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