Z-endèks

Plizyè eleman Bootstrap itilize z-index, pwopriyete CSS ki ede kontwole layout lè yo bay yon twazyèm aks pou fè aranjman pou kontni. Nou itilize yon echèl z-index default nan Bootstrap ki fèt pou byen kouch navigasyon, konsèy zouti ak popovers, modal, ak plis ankò.

Valè sa yo ki pi wo kòmanse nan yon nimewo abitrè, wo ak espesifik ase yo depreferans evite konfli. Nou bezwen yon seri estanda sa yo atravè konpozan kouch nou yo - konsèy zouti, popovers, navbars, dropdowns, modal - pou nou ka rezonab konsistan nan konpòtman yo. Pa gen okenn rezon ki fè nou pa t 'kapab itilize 100+ oswa 500+.

Nou pa ankouraje personnalisation de valè endividyèl sa yo; ta dwe chanje youn, ou gen anpil chans bezwen chanje yo tout.

$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;

Pou jere fwontyè ki sipèpoze nan eleman yo (egzanp, bouton ak antre nan gwoup antre), nou itilize z-indexvalè ki ba yon sèl chif nan 1, 2, ak 3pou default, hover, ak eta aktif. Sou hover/konsantre/aktif, nou pote yon eleman patikilye nan devan ak yon z-indexvalè ki pi wo pou montre fwontyè yo sou eleman frè ak sè yo.