Z-indekso
Kvankam ne estas parto de la kradsistemo de Bootstrap, z-indeksoj ludas gravan rolon en kiel niaj komponantoj superkovras kaj interagas unu kun la alia.
Pluraj Bootstrap-komponentoj uzas z-index
, la CSS-posedaĵon kiu helpas kontroli aranĝon disponigante trian akson por aranĝi enhavon. Ni uzas defaŭltan z-indeksan skalon en Bootstrap, kiu estas desegnita por ĝuste tavoligi navigadon, konsiletojn kaj popovers, modalojn kaj pli.
Ĉi tiuj pli altaj valoroj komenciĝas je arbitra nombro, sufiĉe alta kaj specifa por ideale eviti konfliktojn. Ni bezonas norman aron de ĉi tiuj tra niaj tavoligitaj komponantoj - konsiletoj, popovers, navbaroj, falmenuoj, modaloj - tiel ni povas esti prudente konsekvencaj en la kondutoj. Ne estas kialo, ke ni ne povus uzi 100
+ aŭ 500
+.
Ni ne instigas personigon de ĉi tiuj individuaj valoroj; se vi ŝanĝus unu, vi verŝajne bezonos ŝanĝi ilin ĉiujn.
$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;
Por pritrakti interkovrajn limojn ene de komponantoj (ekz., butonoj kaj enigaĵoj en eniggrupoj), ni uzas malaltajn unuciferajn z-index
valorojn de 1
, 2
, kaj 3
por defaŭlta, ŝvebado kaj aktivaj statoj. Sur ŝvebado/fokuso/aktiva, ni alportas apartan elementon kun pli alta z-index
valoro por montri ilian limon super la gefrataj elementoj.