အပြင်အဆင်အတွက် အသုံးအဆောင်များ
ပိုမိုမြန်ဆန်သော မိုဘိုင်းလ်-ဖော်ရွေမှုနှင့် တုံ့ပြန်မှုဆိုင်ရာ ဖွံ့ဖြိုးတိုးတက်မှုအတွက်၊ Bootstrap တွင် အကြောင်းအရာများကို ပြသရန်၊ ဝှက်ထားရန်၊ ချိန်ညှိရန်နှင့် အကွာအဝေးအတွက် အသုံးဝင်သောအတန်းများစွာ ပါဝင်ပါသည်။
ပြောင်းလဲခြင်း။display
အိမ်ခြံမြေ ၏ ဘုံတန်ဖိုးများကို တုံ့ပြန်မှုအတွက် ကျွန်ုပ်တို့၏ display utilities ကို အသုံးပြု ပါ။ display
သီးခြား viewports များတစ်လျှောက် ၎င်းတို့ကိုပြသရန် သို့မဟုတ် ဝှက်ရန် ၎င်းကို ကျွန်ုပ်တို့၏ဇယားကွက်စနစ်၊ အကြောင်းအရာ သို့မဟုတ် အစိတ်အပိုင်းများနှင့် ရောနှောပါ။
Flexbox ရွေးချယ်မှုများ
Bootstrap ကို flexbox ဖြင့် တည်ဆောက်ထားသော်လည်း၊ ၎င်းသည် မလိုအပ်သော overrides အများအပြားကို ပေါင်းထည့်ကာ သော့ဘရောက်ဆာ အပြုအမူများကို မထင်မှတ်ဘဲ ပြောင်းလဲ နိုင်သောကြောင့် ဒြပ်စင်တိုင်း display
ကို မပြောင်းလဲ ပါ။ ကျွန်ုပ်တို့၏ အစိတ်အပိုင်းdisplay: flex
အများစုကို flexbox ဖွင့်ထားခြင်းဖြင့် တည်ဆောက်ထားသည်။
display: flex
ဒြပ်စင် တစ်ခုသို့ ပေါင်းထည့်ရန် လိုအပ်ပါက ၊ .d-flex
သို့မဟုတ် တုံ့ပြန်မှုရှိသော မျိုးကွဲများထဲမှ တစ်ခုကို ပြုလုပ်ပါ (ဥပမာ၊ .d-sm-flex
)။ အရွယ်အစား၊ ချိန်ညှိမှု၊ အကွာအဝေးနှင့် အခြားအရာများအတွက် ကျွန်ုပ်တို့၏ အပို flexbox utilitiesdisplay
များကို အသုံးပြုခွင့်ပေးရန် သင်သည် ဤအတန်း သို့မဟုတ် တန်ဖိုးကို လိုအပ် မည်ဖြစ်သည်။
အနားသတ်နှင့် padding
ဒြပ်စင်များနှင့် အစိတ်အပိုင်းများ မည်ကဲ့သို့ ကွာဟပြီး အရွယ်အစားကို ထိန်းချုပ်ရန် margin
နှင့် padding
အကွာအဝေး ကို အသုံးပြု ပါ။ 1rem
Bootstrap တွင် value default $spacer
variable ကိုအခြေခံ၍ spacing utilities အတွက် ခြောက်အဆင့်စကေး တစ်ခု ပါဝင်သည်။ viewports အားလုံးအတွက် တန်ဖိုးများကို ရွေးပါ (ဥပမာ၊ LTR တွင်) သို့မဟုတ် သီးခြား viewport များကို ပစ်မှတ်ထားရန် တုံ့ပြန်မှုမျိုးကွဲများ (ဥပမာ - .me-3
အတွက် LTR အတွက် — breakpoint မှစတင်သည် )။margin-right: 1rem
.me-md-3
margin-right: 1rem
md
ပြောင်းရန်visibility
display
ခလုတ်ဖွင့်ရန် မလိုအပ်သောအခါ၊ ကျွန်ုပ်တို့၏ မြင်နိုင်စွမ်းရှိသော အသုံးအဆောင်များvisibility
ဖြင့် ဒြပ်စင်တစ်ခုကို သင်ပြောင်းနိုင်သည် ။ မမြင်နိုင်သောဒြပ်စင်များသည် စာမျက်နှာ၏ အပြင်အဆင်ကို သက်ရောက်မှုရှိနေဆဲဖြစ်သော်လည်း လာရောက်ကြည့်ရှုသူများထံမှ အမြင်အာရုံဖြင့် ဝှက်ထားမည်ဖြစ်သည်။