Z- निर्देशांक

अनेक बूटस्ट्रॅप घटक वापरतात z-index, सीएसएस गुणधर्म जी सामग्री व्यवस्था करण्यासाठी तिसरा अक्ष प्रदान करून लेआउट नियंत्रित करण्यास मदत करते. आम्ही बूटस्ट्रॅपमध्ये डीफॉल्ट z-इंडेक्स स्केल वापरतो जे योग्यरित्या नेव्हिगेशन, टूलटिप्स आणि पॉपओव्हर्स, मॉडेल्स आणि बरेच काही करण्यासाठी डिझाइन केलेले आहे.

ही उच्च मूल्ये एका अनियंत्रित संख्येपासून सुरू होतात, आदर्शपणे संघर्ष टाळण्यासाठी उच्च आणि विशिष्ट. आम्हाला आमच्या स्तरित घटकांमध्ये - टूलटिप, पॉपओव्हर्स, नॅव्हबार, ड्रॉपडाउन, मॉडेल्समध्ये यापैकी एक मानक संच आवश्यक आहे - जेणेकरून आम्ही वर्तनांमध्ये वाजवीपणे सुसंगत राहू शकू. 100आम्ही + किंवा + वापरू शकलो नाही असे कोणतेही कारण नाही 500.

आम्ही या वैयक्तिक मूल्यांच्या सानुकूलनास प्रोत्साहन देत नाही; तुम्ही एखादे बदलले तर तुम्हाला ते सर्व बदलण्याची गरज आहे.

$zindex-dropdown:                   1000;
$zindex-sticky:                     1020;
$zindex-fixed:                      1030;
$zindex-modal-backdrop:             1040;
$zindex-offcanvas:                  1050;
$zindex-modal:                      1060;
$zindex-popover:                    1070;
$zindex-tooltip:                    1080;

घटकांमध्‍ये आच्छादित सीमा हाताळण्‍यासाठी (उदा., इनपुट गटांमधील बटणे आणि इनपुट), आम्‍ही , , आणि डिफॉल्‍ट, होवर आणि सक्रिय स्थितींसाठी कमी सिंगल डिजिट z-indexव्हॅल्यू वापरतो. होव्हर/फोकस/सक्रिय वर, आम्ही एक विशिष्ट घटक त्यांच्या भाव घटकांवर सीमा दर्शवण्यासाठी उच्च मूल्यासह आघाडीवर आणतो .123z-index