Z indeksas

Keli „Bootstrap“ komponentai naudoja z-indexCSS ypatybę, kuri padeda valdyti išdėstymą, suteikiant trečiąją ašį turiniui tvarkyti. „Bootstrap“ naudojame numatytąją „z-index“ skalę, kuri buvo sukurta taip, kad būtų tinkamai išdėstyta naršymo, patarimų ir iššokančių langų, modalų ir kt.

Šios didesnės reikšmės prasideda nuo savavališko skaičiaus, didelio ir pakankamai specifinio, kad būtų išvengta konfliktų. Mums reikia standartinio jų rinkinio mūsų sluoksniuotuose komponentuose – įrankių patarimuose, iššokančiuose langeliuose, naršymo juostose, išskleidžiamuosiuose sąrašuose, modaluose – kad galėtume elgtis pakankamai nuosekliai. Nėra jokios priežasties, kodėl negalėjome naudoti 100+ arba 500+.

Mes neskatiname pritaikyti šių individualių vertybių; Jei pakeisite vieną, greičiausiai turėsite pakeisti juos visus.

$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;

Norėdami tvarkyti sutampančius komponentų kraštus (pvz., mygtukus ir įvesties įvesties grupėse), naudojame mažas vieno skaitmens z-indexvertes 1, 2, o 3numatytosioms, užvedimo ir aktyvioms būsenoms. Užvedus pelės žymeklį / fokusuojant / aktyvų, konkretų elementą iškeliame į priekį su didesne z-indexverte, kad būtų rodoma jo riba virš dviejų elementų.