Luncat ka eusi utama Luncat ka navigasi docs
in English

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-indexnilai angka tunggal anu rendah tina 1, 2, sareng 3pikeun standar, hover, sareng kaayaan aktip. Dina hover / fokus / aktip, urang mawa unsur husus ka forefront kalawan z-indexnilai luhur pikeun nembongkeun wates maranéhanana ngaliwatan elemen sibling.