in English
Параметрлер
Стилди жана жүрүм-турумун көзөмөлдөө үчүн глобалдык CSS артыкчылыктарын оңой которуштуруу үчүн орнотулган өзгөрмөлөр менен Bootstrapти тез ыңгайлаштырыңыз.
Биздин орнотулган жеке өзгөрмөлөр файлыбыз менен Bootstrapти ыңгайлаштырыңыз жана жаңы $enable-*
Sass өзгөрмөлөрү менен глобалдык CSS артыкчылыктарын оңой которуштуруу. Өзгөрмөнүн маанисин жокко чыгарып npm run test
, керек болсо кайра компиляциялаңыз.
scss/_variables.scss
Bootstrap файлындагы негизги глобалдык параметрлер үчүн бул өзгөрмөлөрдү таап, ыңгайлаштыра аласыз .
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 |