जेड-सूचकांक
जखन कि बूटस्ट्रैप केरऽ ग्रिड सिस्टम केरऽ हिस्सा नै छै, जेड-इंडेक्स ई बात म॑ महत्वपूर्ण भूमिका निभाबै छै कि हमरऽ घटक एक-दूसरा के साथ कोना ओवरले आरू बातचीत करै छै ।
कई बूटस्ट्रैप घटक उपयोग करय छै z-index
, CSS गुण जे सामग्री कें व्यवस्था करय कें लेल एकटा तेसर अक्ष प्रदान करयत लेआउट कें नियंत्रित करय मे मदद करय छै. हम बूटस्ट्रैप म॑ एक डिफ़ॉल्ट z-index पैमाना के उपयोग करय छै जे नेविगेशन, टूलटिप्स आरू पॉपोवर, मोडल, आरू बहुत कुछ क॑ सही ढंग स॑ लेयर करै लेली डिजाइन करलऽ गेलऽ छै ।
ई उच्च मूल्यक कें शुरुआत एकटा मनमाना संख्या सं होयत छै, उच्च आ पर्याप्त विशिष्ट जे आदर्श रूप सं संघर्ष सं बचय छै. हमरा सब क॑ अपनऽ परतदार घटकऽ भर म॑ एकरऽ मानक सेट के जरूरत छै-टूलटिप्स, पोपोवर, नवबार, ड्रॉपडाउन, मोडल-त॑ हम्मं॑ व्यवहारऽ म॑ यथोचित रूप स॑ सुसंगत होय सक॑ । कोनो कारण नै जे हम 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
मानों कक उपयोग करय छै. होवर/फोकस/एक्टिव पर, हम कोनो विशेष तत्व के उच्च मूल्य के साथ सबस आगू आनैत छी ताकि भाई-बहिन के तत्व पर ओकर सीमा देखाओल जा सकय |1
2
3
z-index