Z အညွှန်း
Bootstrap ၏ဇယားကွက်စနစ်၏ အစိတ်အပိုင်းမဟုတ်သော်လည်း၊ z-indexes များသည် ကျွန်ုပ်တို့၏အစိတ်အပိုင်းများကို ထပ်ဆင့်ကာ တစ်ခုနှင့်တစ်ခု အပြန်အလှန်တုံ့ပြန်ပုံတွင် အရေးကြီးသောအစိတ်အပိုင်းတစ်ခုဖြစ်သည်။
Bootstrap အစိတ်အပိုင်းများစွာ z-index
သည် အကြောင်းအရာကို စီစဉ်ရန် တတိယဝင်ရိုးကို ပံ့ပိုးပေးခြင်းဖြင့် အပြင်အဆင်ကို ထိန်းချုပ်ရန် ကူညီပေးသည့် CSS ပိုင်ဆိုင်မှုကို အသုံးပြုသည်။ ကျွန်ုပ်တို့သည် အလွှာလမ်းညွှန်ခြင်း၊ ကိရိယာအကြံပြုချက်များနှင့် popovers၊ modals နှင့် အခြားအရာများကို မှန်ကန်စွာလုပ်ဆောင်ရန် ဒီဇိုင်းထုတ်ထားသည့် Bootstrap တွင် မူရင်း z-အညွှန်းစကေးကို အသုံးပြုပါသည်။
ဤမြင့်မားသောတန်ဖိုးများသည် ပဋိပက္ခများကို ရှောင်ရှားနိုင်လောက်အောင် မြင့်မားပြီး သီးခြားသတ်မှတ်ထားသော ကိန်းဂဏန်းတစ်ခုမှ စတင်သည်။ ကျွန်ုပ်တို့သည် ကျွန်ုပ်တို့၏ အလွှာလိုက်အစိတ်အပိုင်းများ—တူးလ်အကြံပြုချက်များ၊ popovers၊ navbars၊ dropdowns၊ modals—သို့ဖြစ်ရာ ကျွန်ုပ်တို့သည် အပြုအမူများတွင် ကျိုးကြောင်းဆီလျော်စွာ တသမတ်တည်းရှိနေနိုင်သည် ။ 100
+ သို့မဟုတ် + မသုံးနိုင်စရာ အကြောင်းမရှိပါ 500
။
ဤတစ်ဦးချင်းတန်ဖိုးများကို စိတ်ကြိုက်ပြင်ဆင်ရန် ကျွန်ုပ်တို့ မတိုက်တွန်းပါ။ တစ်ခုပြောင်းသင့်ရင် အဲဒါတွေအားလုံးကို ပြောင်းလဲဖို့ လိုပါတယ်။
$zindex-dropdown: 1000;
$zindex-sticky: 1020;
$zindex-fixed: 1030;
$zindex-offcanvas-backdrop: 1040;
$zindex-offcanvas: 1045;
$zindex-modal-backdrop: 1050;
$zindex-modal: 1055;
$zindex-popover: 1070;
$zindex-tooltip: 1080;
$zindex-toast: 1090;
အစိတ်အပိုင်းများအတွင်း ထပ်နေသည့် ဘောင်များကို ကိုင်တွယ်ရန် (ဥပမာ၊ ထည့်သွင်းမှုအုပ်စုများရှိ ခလုတ်များနှင့် အဝင်များ)၊ ကျွန်ုပ်တို့သည် ပုံသေ၊ ရွှေ့ရန်၊ နှင့် အသက်ဝင်သော အခြေအနေများအတွက် အနိမ့်ဂဏန်းတစ်လုံးတည်း တန်ဖိုးများ ကို အသုံးပြုပါသည် z-index
။ hover/focus/active တွင်၊ ကျွန်ုပ်တို့သည် ပေါက်ဖော်ဒြပ်စင်များပေါ်တွင် ၎င်းတို့၏ နယ်နိမိတ်ကိုပြသရန် ပိုမိုမြင့်မားသောတန်ဖိုးဖြင့် ရှေ့ဆုံးသို့ ယူဆောင်လာပါသည်။1
2
3
z-index