Z-सूचकांक
बुटस्ट्र्यापको ग्रिड प्रणालीको भाग नभए पनि, z-अनुक्रमणिकाहरूले हाम्रा कम्पोनेन्टहरू ओभरले गर्ने र एकअर्कासँग अन्तरक्रिया गर्नेमा महत्त्वपूर्ण भूमिका खेल्छन्।
धेरै बुटस्ट्र्याप कम्पोनेन्टहरू प्रयोग गर्दछ z-index
, CSS गुण जसले सामग्री व्यवस्थित गर्न तेस्रो अक्ष प्रदान गरेर लेआउट नियन्त्रण गर्न मद्दत गर्दछ। हामी बुटस्ट्र्यापमा पूर्वनिर्धारित z-इन्डेक्स स्केल प्रयोग गर्छौं जुन नेभिगेसन, टुलटिप्स र पपओभरहरू, मोडलहरू, र थप कुराहरू ठीकसँग तह लगाउन डिजाइन गरिएको हो।
यी उच्च मानहरू स्वेच्छाचारी संख्यामा सुरु हुन्छन्, उच्च र विशिष्ट रूपमा द्वन्द्वहरूबाट बच्न पर्याप्त छन्। हामीलाई हाम्रा स्तरित कम्पोनेन्टहरू - टुलटिप्स, पोपोभरहरू, नेभबारहरू, ड्रपडाउनहरू, मोडलहरूमा यी को मानक सेट चाहिन्छ - त्यसैले हामी व्यवहारहरूमा उचित रूपमा एकरूप हुन सक्छौं। 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
भाइ तत्वहरूमा उनीहरूको सीमा देखाउन उच्च मूल्यको साथ अगाडि ल्याउँछौं।