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-index
CSS 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. 100
Ez dago arrazoirik + edo + erabili ezin izan 500
genuenik.
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-modal-backdrop: 1040;
$zindex-offcanvas: 1050;
$zindex-modal: 1060;
$zindex-popover: 1070;
$zindex-tooltip: 1080;
Osagaien barruan gainjarritako ertzak kudeatzeko (adibidez, botoiak eta sarrera-taldeetako sarrerak), zifra bakarreko z-index
balio baxuak erabiltzen ditugu 1
, 2
eta 3
egoera lehenetsietarako, pasatzeko eta aktiboetarako. Pasatzean/fokuan/aktibatuta, elementu jakin bat lehen planora ekartzen dugu z-index
balio handiagoa duena bere ertza anai-arreben elementuen gainean erakusteko.