Z-indeks

Sawetara komponen Bootstrap nggunakake z-index, properti CSS sing mbantu ngatur tata letak kanthi menehi sumbu katelu kanggo ngatur konten. Kita nggunakake skala indeks z standar ing Bootstrap sing wis dirancang kanggo pandhu arah lapisan, tooltips lan popovers, modal, lan liya-liyane.

Nilai-nilai sing luwih dhuwur iki diwiwiti kanthi angka sing sewenang-wenang, dhuwur lan cukup spesifik kanggo ngindhari konflik. Kita butuh set standar iki ing kabeh komponen sing dilapisi - tooltips, popovers, navbars, dropdowns, modals-supaya kita bisa cukup konsisten ing prilaku. Ora ana alesan kita ora bisa nggunakake 100+ utawa 500+.

Kita ora nyengkuyung kustomisasi nilai individu kasebut; yen sampeyan ngganti siji, sampeyan bisa uga kudu ngganti 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;

Kanggo nangani wates sing tumpang tindih ing komponen (contone, tombol lan input ing grup input), kita nggunakake angka siji digit kurang z-indexsaka 1, 2, lan 3kanggo standar, hover, lan negara aktif. Ing hover / fokus / aktif, kita nggawa unsur tartamtu menyang ngarep karo nilai sing luwih dhuwur z-indexkanggo nuduhake tapel wates karo unsur sedulur.