Z-endèks
Pandan ke yo pa yon pati nan sistèm kadriyaj Bootstrap la, z-indexes jwe yon pati enpòtan nan fason eleman nou yo kouvri ak kominike youn ak lòt.
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;
Pou jere fwontyè ki sipèpoze nan eleman yo (egzanp, bouton ak antre nan gwoup antre), nou itilize z-index
valè ki ba yon sèl chif nan 1
, 2
, ak 3
pou default, hover, ak eta aktif. Sou hover/konsantre/aktif, nou pote yon eleman patikilye nan devan ak yon z-index
valè ki pi wo pou montre fwontyè yo sou eleman frè ak sè yo.