ရွေးချယ်စရာများ

စတိုင်နှင့် အပြုအမူကို ထိန်းချုပ်ရန်အတွက် ကမ္ဘာလုံးဆိုင်ရာ CSS စိတ်ကြိုက်ရွေးချယ်မှုများကို လွယ်ကူစွာပြောင်းနိုင်ရန် Built-in variable များဖြင့် Bootstrap ကို စိတ်ကြိုက်ပြင်ဆင်ပါ။

ကျွန်ုပ်တို့၏ built-in စိတ်ကြိုက်ပြောင်းလဲနိုင်သောဖိုင်များဖြင့် Bootstrap ကို စိတ်ကြိုက်ပြင်ဆင်ပြီး $enable-*Sass variable အသစ်များဖြင့် ကမ္ဘာလုံးဆိုင်ရာ CSS စိတ်ကြိုက်ရွေးချယ်မှုများကို အလွယ်တကူပြောင်းနိုင်သည်။ ကိန်းရှင်၏တန်ဖိုးကို အစားထိုးပြီး npm run testလိုအပ်သလို ပြန်လည်ပေါင်းစည်းပါ။

scss/_variables.scssBootstrap ၏ ဖိုင် တွင် အဓိက ကမ္ဘာလုံးဆိုင်ရာ ရွေးချယ်စရာများအတွက် ဤကိန်းရှင်များကို သင်ရှာဖွေပြီး စိတ်ကြိုက်ပြင်ဆင် နိုင်ပါသည်။

ပြောင်းလဲနိုင်သော	တန်ဖိုးများ	ဖော်ပြချက်
`$spacer`	`1rem`(မူလ) သို့မဟုတ် မည်သည့်တန်ဖိုး > 0	ကျွန်ုပ်တို့၏ spacer utilities များကို ပရိုဂရမ်ဖြင့် ထုတ်ပေးရန်အတွက် မူရင်း spacer တန်ဖိုးကို သတ်မှတ်သည် ။
`$enable-rounded`	`true`(မူလ) သို့မဟုတ်`false`	`border-radius`အစိတ်အပိုင်းအမျိုးမျိုးတွင် ကြိုတင်သတ်မှတ်ထားသောစတိုင်များကို ဖွင့် ပါ။
`$enable-shadows`	`true`သို့မဟုတ် `false`(ပုံသေ)	အစိတ်အပိုင်းအမျိုးမျိုးတွင် ကြိုတင်သတ်မှတ်ထားသော အလှဆင် `box-shadow`စတိုင်များကို ဖွင့်ပါ။ `box-shadow`Focus state အတွက်သုံးသော s ကို မထိခိုက်စေပါ ။
`$enable-gradients`	`true`သို့မဟုတ် `false`(ပုံသေ)	`background-image`အစိတ်အပိုင်းအမျိုးမျိုးရှိ စတိုင်များ မှတစ်ဆင့် ကြိုတင်သတ်မှတ်ထားသော gradient ကိုဖွင့် ပါ။
`$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`	pseudo ဒြပ်စင်ဂရုကိုပေါ်တွင်ဖွင့်ပါ `.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`