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 berinteraksi 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-offcanvas-backdrop: 1040;
$zindex-offcanvas: 1045;
$zindex-modal-backdrop: 1050;
$zindex-modal: 1055;
$zindex-popover: 1070;
$zindex-tooltip: 1080;
$zindex-toast: 1090;
Pikeun nanganan wates anu tumpang tindih dina komponén (contona, tombol sareng input dina grup input), kami nganggo z-indexnilai angka tunggal anu rendah tina 1, 2, sareng 3pikeun standar, hover, sareng kaayaan aktip. Dina hover / fokus / aktip, kami mawa unsur tinangtu ka forefront kalawan z-indexnilai luhur pikeun nembongkeun wates maranéhanana ngaliwatan elemen sibling.