Fara í aðalefni Farðu í skjalaleiðsögn
Check
in English

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

Til að meðhöndla skarast landamæri innan íhluta (td hnappa og inntak í inntakshópum), notum við lág eins tölustafa z-indexgildi 1, 2, og 3fyrir sjálfgefið, sveima og virkt ástand. Á sveima/fókus/virkum tökum við tiltekinn þátt í fremstu röð með hærra z-indexgildi til að sýna landamæri þeirra yfir systkinaþáttunum.