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-index
lastnost 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-index
vrednosti 1
, 2
in 3
za privzeto, lebdenje in aktivno stanje. Pri lebdenju/fokusu/aktivnosti postavimo določen element v ospredje z višjo z-index
vrednostjo, da pokažemo njegovo mejo nad sorodniškimi elementi.