Source

အပြင်အဆင်အတွက် အသုံးအဆောင်များ

ပိုမိုမြန်ဆန်သော မိုဘိုင်းလ်-ဖော်ရွေမှုနှင့် တုံ့ပြန်မှုဆိုင်ရာ ဖွံ့ဖြိုးတိုးတက်မှုအတွက်၊ Bootstrap တွင် အကြောင်းအရာများကို ပြသရန်၊ ဝှက်ထားရန်၊ ချိန်ညှိရန်နှင့် အကွာအဝေးအတွက် အသုံးဝင်သောအတန်းများစွာ ပါဝင်ပါသည်။

ပြောင်းလဲခြင်း။display

အိမ်ခြံမြေ ၏ ဘုံတန်ဖိုးများကို တုံ့ပြန်မှုအတွက် ကျွန်ုပ်တို့၏ display utilities ကို အသုံးပြု ပါ။ displayသီးခြား viewports များတစ်လျှောက် ၎င်းတို့ကိုပြသရန် သို့မဟုတ် ဝှက်ရန် ၎င်းကို ကျွန်ုပ်တို့၏ဇယားကွက်စနစ်၊ အကြောင်းအရာ သို့မဟုတ် အစိတ်အပိုင်းများနှင့် ရောနှောပါ။

Flexbox ရွေးချယ်မှုများ

Bootstrap 4 ကို flexbox ဖြင့် တည်ဆောက်ထားသော်လည်း၊ ၎င်းသည် မလိုအပ်သော overrides အများအပြားကို ပေါင်းထည့်ကာ သော့ဘရောက်ဆာ အပြုအမူများကို မမျှော်လင့်ဘဲ ပြောင်းလဲ နိုင်သောကြောင့် ဒြပ်စင်တိုင်း displayကို မပြောင်းလဲ ပါ။ ကျွန်ုပ်တို့၏ အစိတ်အပိုင်းdisplay: flex အများစုကို flexbox ဖွင့်ထားခြင်းဖြင့် တည်ဆောက်ထားသည်။

display: flexဒြပ်စင် တစ်ခုသို့ ပေါင်းထည့်ရန် လိုအပ်ပါက ၊ .d-flexသို့မဟုတ် တုံ့ပြန်မှုရှိသော မျိုးကွဲများထဲမှ တစ်ခုကို ပြုလုပ်ပါ (ဥပမာ၊ .d-sm-flex)။ အရွယ်အစား၊ ချိန်ညှိမှု၊ အကွာအဝေးနှင့် အခြားအရာများအတွက် ကျွန်ုပ်တို့၏ အပို flexbox utilitiesdisplay များကို အသုံးပြုခွင့်ပေးရန် သင်သည် ဤအတန်း သို့မဟုတ် တန်ဖိုးကို လိုအပ် မည်ဖြစ်သည်။

အနားသတ်နှင့် padding

ဒြပ်စင်များနှင့် အစိတ်အပိုင်းများ မည်ကဲ့သို့ ကွာဟပြီး အရွယ်အစားကို ထိန်းချုပ်ရန် marginနှင့် padding အကွာအဝေး ကို အသုံးပြု ပါ။ 1remBootstrap 4 တွင် value default $spacervariable ကိုအခြေခံ၍ spacing utilities အတွက် ငါးအဆင့်စကေး တစ်ခု ပါဝင်သည်။ viewports အားလုံးအတွက် တန်ဖိုးများကို ရွေးပါ (ဥပမာ၊ .mr-3အတွက် margin-right: 1rem) သို့မဟုတ် သီးခြား viewport များကို ပစ်မှတ်ထားရန် တုံ့ပြန်မှုမျိုးကွဲများကို ရွေးပါ (ဥပမာ၊ breakpoint မှ စတင်ခြင်း .mr-md-3အတွက် )။margin-right: 1remmd

ပြောင်းရန်visibility

displayခလုတ်ဖွင့်ရန် မလိုအပ်သောအခါ၊ ကျွန်ုပ်တို့၏ မြင်နိုင်စွမ်းရှိသော အသုံးအဆောင်များvisibility ဖြင့် ဒြပ်စင်တစ်ခုကို သင်ပြောင်းနိုင်သည် ။ မမြင်နိုင်သောဒြပ်စင်များသည် စာမျက်နှာ၏ အပြင်အဆင်ကို သက်ရောက်မှုရှိနေဆဲဖြစ်သော်လည်း လာရောက်ကြည့်ရှုသူများထံမှ အမြင်အာရုံဖြင့် ဝှက်ထားမည်ဖြစ်သည်။