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 класове за контейнери за оформление. (Ново във v5.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медийна заявка |