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;
$zindex-toast:                      1090;

कम्पोनेन्टहरू भित्र ओभरल्यापिङ बोर्डरहरू ह्यान्डल गर्न (उदाहरणका लागि, बटनहरू र इनपुट समूहहरूमा इनपुटहरू), हामी , को कम एकल अंक z-indexमानहरू प्रयोग 1गर्छौं 2, र 3पूर्वनिर्धारित, होभर, र सक्रिय अवस्थाहरूको लागि। होभर/फोकस/सक्रियमा, हामी एक विशेष तत्वलाई z-indexभाइ तत्वहरूमा तिनीहरूको सिमाना देखाउन उच्च मूल्यको साथ अगाडि ल्याउँछौं।