Настроики

Бързо персонализирайте 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-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`медийна заявка