Z-индексы
Bootstrap челтәр системасының өлеше булмаса да, z-индекслары безнең компонентларның бер-берсе белән каплануында һәм үзара бәйләнештә мөһим роль уйныйлар.
Берничә Bootstrap компонентлары z-index
кулланыла, эчтәлекне тәртипкә китерү өчен өченче күчәрне тәэмин итеп, макетны контрольдә тотарга ярдәм итүче CSS милеге. Без Bootstrap'та килешү буенча z-индекс масштабын кулланабыз, бу навигация, инструментлар һәм поповерлар, модальләр һәм башкалар.
Бу югарырак кыйммәтләр үзенчәлекле саннан башлана, конфликтлардан идеаль рәвештә сакланырлык дәрәҗәдә югары. Безгә катлаулы компонентлар буенча стандартлар җыелмасы кирәк - кораллар, поповерлар, диңгез плиткалары, төшү, модальләр - шуңа күрә без үз-үзебезне тотышта эзлекле була алабыз. 100
Без + яки + куллана алмаган сәбәп юк 500
.
Без бу индивидуаль кыйммәтләрне үзләштерергә өндәмибез; берсен үзгәртсәгез, сез аларның барысын да үзгәртергә тиеш.
$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;
Компонентлар эчендә кабатланган чикләрне эшкәртү өчен (мәсәлән, төймәләр һәм кертү төркемнәрендәге керемнәр), без түбән санлы z-index
кыйммәтләрне кулланабыз 1
, 2
һәм 3
килешү буенча, хәрәкәт итү һәм актив хәлләр өчен. Көтү / фокус / актив булганда, без билгеле бер элементны алгы планга чыгарабыз, z-index
аларның кыйммәтлеген кардәш элементлар өстендә күрсәтү.