Z-itọka
Lakoko ti kii ṣe apakan ti eto akoj Bootstrap, awọn atọka z-ṣe apakan pataki ninu bii awọn paati wa ṣe bori ati ṣe ajọṣepọ pẹlu ara wọn.
Orisirisi awọn paati Bootstrap lo z-index
, ohun-ini CSS ti o ṣe iranlọwọ ipalẹmọ iṣakoso nipasẹ ipese ipo kẹta lati ṣeto akoonu. A lo iwọn-itọka z-aiyipada ni Bootstrap ti o jẹ apẹrẹ lati ṣe lilọ kiri ni deede, awọn imọran irinṣẹ ati awọn agbejade, awọn awoṣe, ati diẹ sii.
Awọn iye ti o ga julọ bẹrẹ ni nọmba lainidii, giga ati ni pato to lati yago fun awọn ija. A nilo eto boṣewa ti iwọnyi kọja awọn ohun elo ti o fẹlẹfẹlẹ wa — awọn irinṣẹ irinṣẹ, popovers, navbars, dropdowns, modals — nitorinaa a le ni ibamu deede ni awọn ihuwasi. Ko si idi ti a ko le ti lo 100
+ tabi 500
+.
A ko ṣe iwuri fun isọdi ti awọn iye ẹni kọọkan; ti o ba yi ọkan pada, o ṣee ṣe o nilo lati yi gbogbo wọn pada.
$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;
Lati mu awọn aala agbekọja laarin awọn paati (fun apẹẹrẹ, awọn bọtini ati awọn igbewọle ni awọn ẹgbẹ titẹ sii), a lo awọn iye oni-nọmba z-index
kekere ti 1
, 2
, ati 3
fun aiyipada, rababa, ati awọn ipinlẹ ti nṣiṣe lọwọ. Lori rababa / idojukọ / lọwọ, a mu ipin kan pato wa si iwaju pẹlu iye ti o ga z-index
julọ lati ṣafihan aala wọn lori awọn eroja arakunrin.