Z-indeks
Sanajan dudu bagean saka sistem kothak Bootstrap, indeks-z nduweni peran penting babagan carane komponen kita overlay lan sesambungan karo siji liyane.
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-modal-backdrop: 1040;
$zindex-offcanvas: 1050;
$zindex-modal: 1060;
$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-index
saka 1
, 2
, lan 3
kanggo standar, hover, lan negara aktif. Ing hover / fokus / aktif, kita nggawa unsur tartamtu menyang ngarep karo nilai sing luwih dhuwur z-index
kanggo nuduhake tapel wates karo unsur sedulur.