Preskoči na glavno vsebino Preskoči na navigacijo po dokumentih
in English

Z-indeks

Čeprav z-indeksi niso del omrežnega sistema Bootstrap, igrajo pomembno vlogo pri tem, kako se naše komponente prekrivajo in medsebojno delujejo.

Več komponent Bootstrap uporablja z-indexlastnost CSS, ki pomaga nadzorovati postavitev z zagotavljanjem tretje osi za urejanje vsebine. V programu Bootstrap uporabljamo privzeto lestvico indeksa z, ki je bila zasnovana za pravilno razporejanje po plasteh navigacije, namigov orodij in pojavnih oken, modalnosti in drugega.

Te višje vrednosti se začnejo pri poljubnem številu, ki je dovolj visoko in specifično, da se idealno izogne ​​konfliktom. Potrebujemo standardni nabor le-teh v večplastnih komponentah – namigi orodij, pojavni elementi, vrstice za krmarjenje, spustni meniji, modali – da smo lahko razumno dosledni pri vedenju. Ni razloga, da ne bi mogli uporabiti 100+ ali 500+.

Ne spodbujamo prilagajanja teh posameznih vrednosti; če spremenite enega, boste verjetno morali spremeniti vse.

$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;

Za obravnavo prekrivajočih se obrob znotraj komponent (npr. gumbov in vnosov v vnosnih skupinah) uporabljamo nizke enomestne z-indexvrednosti 1, 2in 3za privzeto, lebdenje in aktivno stanje. Pri lebdenju/fokusu/aktivnosti postavimo določen element v ospredje z višjo z-indexvrednostjo, da pokažemo njegovo mejo nad sorodniškimi elementi.