Төп эчтәлеккә күчү Документлар навигациясенә күчү
Check
in English

Z-индексы

Bootstrap челтәр системасының өлеше булмаса да, z-индекслары безнең компонентларның бер-берсе белән каплануында һәм үзара бәйләнештә мөһим роль уйныйлар.

Берничә Bootstrap компонентлары z-indexкулланыла, эчтәлекне тәртипкә китерү өчен өченче күчәрне тәэмин итеп, макетны контрольдә тотарга ярдәм итүче CSS милеге. Без Bootstrap'та килешү буенча z-индекс масштабын кулланабыз, бу навигация, инструментлар һәм поповерлар, модальләр һәм башкалар.

Бу югарырак кыйммәтләр үзенчәлекле саннан башлана, конфликтлардан идеаль рәвештә сакланырлык дәрәҗәдә югары. Безгә катлаулы компонентлар буенча стандартлар җыелмасы кирәк - кораллар, поповерлар, диңгез плиткалары, төшү, модальләр - шуңа күрә без үз-үзебезне тотышта эзлекле була алабыз. 100Без + яки + куллана алмаган сәбәп юк 500.

Без бу индивидуаль кыйммәтләрне үзләштерергә өндәмибез; берсен үзгәртсәгез, сез аларның барысын да үзгәртергә тиеш.

$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;
$zindex-toast:                      1090;

Компонентлар эчендә кабатланган чикләрне эшкәртү өчен (мәсәлән, төймәләр һәм кертү төркемнәрендәге керемнәр), без түбән санлы z-indexкыйммәтләрне кулланабыз 1, 2һәм 3килешү буенча, хәрәкәт итү һәм актив хәлләр өчен. Көтү / фокус / актив булганда, без билгеле бер элементны алгы планга чыгарабыз, югарырак z-indexкыйммәт белән кардәш элементлар өстендә чикләрен күрсәтү.