Z အညွှန်း

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;

အစိတ်အပိုင်းများအတွင်း ထပ်နေသည့် ဘောင်များကို ကိုင်တွယ်ရန် (ဥပမာ၊ ထည့်သွင်းမှုအုပ်စုများရှိ ခလုတ်များနှင့် အဝင်များ)၊ ကျွန်ုပ်တို့သည် ပုံသေ၊ ရွှေ့ရန်၊ နှင့် အသက်ဝင်သော အခြေအနေများအတွက် အနိမ့်ဂဏန်းတစ်လုံးတည်း တန်ဖိုးများ ကို အသုံးပြုပါသည် z-index။ hover/focus/active တွင်၊ ကျွန်ုပ်တို့သည် ပေါက်ဖော်ဒြပ်စင်များပေါ်တွင် ၎င်းတို့၏ နယ်နိမိတ်ကိုပြသရန် ပိုမိုမြင့်မားသောတန်ဖိုးဖြင့် ရှေ့ဆုံးသို့ ယူဆောင်လာပါသည်။123z-index