Z-indekss
Lai gan z-indeksi nav daļa no Bootstrap režģa sistēmas, tiem ir svarīga loma mūsu komponentu pārklājumā un mijiedarbībā.
Vairāki Bootstrap komponenti izmanto z-indexCSS īpašumu, kas palīdz kontrolēt izkārtojumu, nodrošinot trešo asi satura sakārtošanai. Mēs izmantojam noklusējuma z-indeksa skalu programmā Bootstrap, kas ir izstrādāta, lai pareizi sakārtotu navigāciju, rīka padomus un uznirstošos logus, modālus un daudz ko citu.
Šīs augstākās vērtības sākas ar patvaļīgu skaitli, kas ir pietiekami augsts un specifisks, lai ideālā gadījumā izvairītos no konfliktiem. Mums ir nepieciešams to standarta komplekts mūsu slāņainajos komponentos — rīka padomiem, uznirstošajiem logiem, navigācijas joslām, nolaižamajām izvēlnēm, modāliem — lai mēs varētu būt pietiekami konsekventi savā darbībā. Nav iemesla, kāpēc mēs nevarētu izmantot 100+ vai 500+.
Mēs neatbalstām šo individuālo vērtību pielāgošanu; ja mainīsit vienu, iespējams, būs jāmaina visi.
$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;
Lai apstrādātu pārklājošās apmales komponentos (piem., pogas un ievades ievades grupās), mēs izmantojam zemas viencipara z-indexvērtības 1, 2un 3noklusējuma, kursora novietošanas un aktīvajiem stāvokļiem. Novietojot kursoru/fokusu/aktīvu, mēs izvirzām konkrētu elementu priekšplānā ar augstāku z-indexvērtību, lai parādītu tā robežu pār elementiem, kas saistīti ar brāli.