Z-índice nisqa
Mana Bootstrap kaqpa rejilla sistemanpa huknin kaqnin kaptinpas, z-índices huk importante ruwayta ruwanku imayna componentesniyku huknin hukninwan llanthukunku chaymanta interactuanku.
Askha Bootstrap componentes llamk'achinku z-index
, CSS propiedad kaqmanta yanapakun kamachiy churayta huk kimsa kaq eje quspa contenidota allichanapaq. Huk ñawpaqmanta z-index escala Bootstrap kaqpi llamk'achiyku chaymanta ruwasqa allinta qata puriypaq, yanapakuypa yanapakuyninkuna chaymanta popovers, modales chaymanta aswan.
Kay aswan hatun chanikuna huk munasqa yupaymanta qallarinku, hatun chaymanta específico suficiente idealmente mana ch'aqwaykuna kananpaq. Necesitayku huk conjunto estándar kaykunamanta tukuy capas componentesniykupi —hillanakuna, popovers, navbars, dropdowns, modales— chaymanta razonablemente constante kayta atiykuman ruwaykunapi. Manam kanchu imaraykupas mana 100
+ utaq 500
+ llamk'achiyta atiykumanchu karqan.
Mana kallpachaykuchu kay sapan chanikuna ruwayta; sichus hukninta cambianki chayqa, yaqapaschá llapanta cambianayki kanqa.
$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;
Componentekuna ukhupi t'inkisqa fronterakuna llamk'achinapaq (kayhina, botones chaymanta yaykuna huñukunapi), pisi sapalla yupay z-index
chanikuna 1
, kaqmanta llamk'achiyku 2
chaymanta 3
ñawpaqmanta, hover chaymanta ruwaq estadokuna kaqpaq. Hover/focus/active kaqpi, huk elemento particularta ñawpaqman apamuyku aswan hatun z-index
chaniyuqwan, wawqi elementokuna patapi fronterankuta rikuchinapaq.