အဓိကအကြောင်းအရာသို့ ကျော်သွားပါ။ စာရွက်စာတမ်းလမ်းညွှန်မှုသို့ ကျော်သွားပါ။
Check
in English

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

စတိုင်နှင့် အပြုအမူကို ထိန်းချုပ်ရန်အတွက် ကမ္ဘာလုံးဆိုင်ရာ 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-shadowFocus 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