Z-vísitala
Þótt það sé ekki hluti af ristkerfi Bootstrap, gegna z-vísitölur mikilvægan þátt í því hvernig íhlutir okkar liggja yfir og hafa samskipti sín á milli.
Nokkrir Bootstrap íhlutir nota z-index
, CSS eignina sem hjálpar til við að stjórna skipulagi með því að útvega þriðja ás til að raða efni. Við notum sjálfgefna z-vísitölukvarða í Bootstrap sem hefur verið hannaður til að skipuleggja siglingar, verkfæraábendingar og sprettiglugga, modals og fleira.
Þessi hærri gildi byrja á handahófskenndri tölu, nógu há og ákveðin til að helst forðast árekstra. Við þurfum staðlað sett af þessu yfir lagskiptu íhlutina okkar - verkfæraábendingar, sprettiglugga, siglingastikur, fellivalmyndir, modals - svo við getum verið sæmilega samkvæm í hegðuninni. Það er engin ástæða fyrir því að við hefðum ekki getað notað 100
+ eða 500
+.
Við hvetjum ekki til að sérsníða þessi einstöku gildi; ættir þú að skipta um einn, þú þarft líklega að breyta þeim öllum.
$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;
Til að meðhöndla skarast landamæri innan íhluta (td hnappa og inntak í inntakshópum), notum við lág eins tölustafa z-index
gildi 1
, 2
, og 3
fyrir sjálfgefið, sveima og virkt ástand. Á sveima/fókus/virkum tökum við tiltekinn þátt í fremstu röð með hærra z-index
gildi til að sýna landamæri þeirra yfir systkinaþáttunum.