Z-indizea
Bootstrap-en sareta-sistemaren parte ez den arren, z-indizeek zeresan handia dute gure osagaiak elkarren artean gainjartzen eta elkarreragiten duten moduan.
Bootstrap-eko hainbat osagaik z-indexCSS propietatea erabiltzen dute, diseinua kontrolatzen laguntzen duena, edukia antolatzeko hirugarren ardatz bat eskainiz. Bootstrap-en z-indizeko eskala lehenetsia erabiltzen dugu, nabigazioa, tresna-aholkuak eta popover-ak, modalak eta abar behar bezala geruzatzeko diseinatuta dagoena.
Balio altuago hauek kopuru arbitrario batean hasten dira, nahikoa altua eta zehatza, gatazkak saihesteko. Hauen multzo estandar bat behar dugu gure geruzatutako osagaietan (tresna-aholkuak, popover-ak, nabigazio-barrak, goitibeherako zerrendak, modalak), portaeretan nahiko koherenteak izan gaitezen. 100Ez dago arrazoirik + edo + erabili ezin izan 500genuenik.
Ez dugu balio indibidual horien pertsonalizazioa bultzatzen; bat aldatuko bazenu, ziurrenik denak aldatu beharko dituzu.
$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;
Osagaien barruan gainjarritako ertzak kudeatzeko (adibidez, botoiak eta sarrera-taldeetako sarrerak), zifra bakarreko z-indexbalio baxuak erabiltzen ditugu 1, 2eta 3egoera lehenetsietarako, pasatzeko eta aktiboetarako. Pasatzean/fokuan/aktibatuta, elementu jakin bat lehen planora ekartzen dugu z-indexbalio handiagoa duena bere ertza anai-arreben elementuen gainean erakusteko.