индекси Z
Гарчанде ки як қисми системаи шабакаи Bootstrap нест, индексҳои z дар он чӣ гуна ҷузъҳои мо бо ҳам мепайванданд ва мутақобила мекунанд, нақши муҳим мебозанд.
Якчанд ҷузъҳои Bootstrap z-index
моликияти CSS-ро истифода мебаранд, ки ба идоракунии тарҳ тавассути таъмин кардани меҳвари сеюм барои ташкили мундариҷа кӯмак мекунанд. Мо миқёси пешфарзии z-index-ро дар Bootstrap истифода мебарем, ки барои қабати дурусти новбари, маслиҳатҳои абзор ва поповерҳо, модальҳо ва ғайра тарҳрезӣ шудааст.
Ин арзишҳои баландтар аз шумораи худсарона оғоз мешаванд, ки ба қадри кофӣ баланд ва мушаххасанд, то ба таври идеалӣ аз низоъ канорагирӣ кунанд. Мо ба маҷмӯи стандартии инҳо дар ҷузъҳои қабати худ ниёз дорем - маслиҳатҳои асбобҳо, поповҳо, навбарҳо, афтандаҳо, модальҳо - то мо метавонем дар рафтор ба таври оқилона мувофиқ бошем. Ҳеҷ гуна сабабе нест, ки мо 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
арзиши баландтар ба ҷои аввал меорем, то сарҳади онҳоро дар болои унсурҳои бародар нишон диҳад.