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-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 медийна заявка |