Z-indéks
Sanaos sanés bagian tina sistem grid Bootstrap, z-indéks maénkeun bagian anu penting dina kumaha komponén urang overlay sareng interaksi hiji sareng anu sanés.
Sababaraha komponén Bootstrap ngagunakeun z-index
, sipat CSS nu mantuan ngatur perenah ku nyadiakeun sumbu katilu pikeun ngatur eusi. Kami ngagunakeun skala z-indéks standar dina Bootstrap anu dirarancang pikeun leres ngalapis navigasi, tooltip sareng popovers, modal, sareng seueur deui.
Nilai-nilai anu langkung luhur ieu dimimitian ku jumlah anu sawenang-wenang, luhur sareng cukup khusus pikeun ngahindarkeun konflik sacara idéal. Kami peryogi set standar ieu dina komponén-komponén berlapis kami - tooltips, popovers, navbars, dropdowns, modals - supados urang tiasa konsisten dina paripolah. Henteu aya alesan urang henteu tiasa nganggo 100
+ atanapi 500
+.
Kami henteu ngadorong kustomisasi nilai individu ieu; mun anjeun ngarobah hiji, Anjeun kamungkinan kudu ngarobah kabeh.
$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;
Pikeun nanganan wates anu tumpang tindih dina komponén (contona, tombol sareng input dina grup input), kami nganggo z-index
nilai angka tunggal anu rendah tina 1
, 2
, sareng 3
pikeun standar, hover, sareng kaayaan aktip. Dina hover / fokus / aktip, urang mawa unsur husus ka forefront kalawan z-index
nilai luhur pikeun nembongkeun wates maranéhanana ngaliwatan elemen sibling.