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

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

ပြောင်းရန်visibility

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