Параметрлер

Стилди жана жүрүм-турумун көзөмөлдөө үчүн глобалдык CSS артыкчылыктарын оңой которуштуруу үчүн орнотулган өзгөрмөлөр менен Bootstrapти тез ыңгайлаштырыңыз.

Биздин орнотулган жеке өзгөрмөлөр файлыбыз менен Bootstrapти ыңгайлаштырыңыз жана жаңы $enable-*Sass өзгөрмөлөрү менен глобалдык CSS артыкчылыктарын оңой которуштуруу. Өзгөрмөнүн маанисин жокко чыгарып npm run test, керек болсо кайра компиляциялаңыз.

scss/_variables.scssBootstrap файлындагы негизги глобалдык параметрлер үчүн бул өзгөрмөлөрдү таап, ыңгайлаштыра аласыз .

Variable	баалуулуктар	Description
`$spacer`	`1rem`(демейки) же кандайдыр бир маани > 0	Биздин spacer утилиталарын программалык түрдө түзүү үчүн демейки spacer маанисин көрсөтөт .
`$enable-rounded`	`true`(демейки) же`false`	`border-radius`Ар кандай компоненттерде алдын ала аныкталган стилдерди иштетет .
`$enable-shadows`	`true`же `false`(демейки)	Ар кандай компоненттерде алдын ала аныкталган декоративдик `box-shadow`стилдерди иштетет. `box-shadow`Фокустук абалдар үчүн колдонулган таасир этпейт .
`$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`