Z-indekso

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;

Por pritrakti interkovrajn limojn ene de komponantoj (ekz., butonoj kaj enigaĵoj en eniggrupoj), ni uzas malaltajn unuciferajn z-indexvalorojn de 1, 2, kaj 3por defaŭlta, ŝvebado kaj aktivaj statoj. Sur ŝvebado/fokuso/aktiva, ni alportas apartan elementon kun pli alta z-indexvaloro por montri ilian limon super la gefrataj elementoj.