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

ပြောင်းလဲခြင်း။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 အကွာအဝေး ကို အသုံးပြု ပါ။ 1remBootstrap တွင် value default $spacervariable ကိုအခြေခံ၍ spacing utilities အတွက် ခြောက်အဆင့်စကေး တစ်ခု ပါဝင်သည်။ viewport များအားလုံးအတွက် တန်ဖိုးများကို ရွေးပါ (ဥပမာ၊ .me-3LTR margin-right: 1remတွင်) သို့မဟုတ် သီးခြား viewport များကို ပစ်မှတ်ထားရန် တုံ့ပြန်မှုမျိုးကွဲများကို ရွေးပါ (ဥပမာ၊ .me-md-3for margin-right: 1rem—in LTR— mdbreakpoint မှစတင်သည်)။

ပြောင်းရန်visibility

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