Z-indeks
“Bootstrap” grid ulgamynyň bir bölegi bolmasa-da, z-indeksler komponentlerimiziň biri-biri bilen örtülmeginde we biri-biri bilen täsirleşmeginde möhüm rol oýnaýar.
Birnäçe “Bootstrap” komponentleri z-index
, mazmuny tertiplemek üçin üçünji oky üpjün edip, ýerleşişe gözegçilik etmäge kömek edýän CSS häsiýetini ulanýar. “Bootstrap” -da deslapky z-indeks şkalasyny ulanýarys, bu dogry nawigasiýa, gurallar we popovers, modal we ş.m.
Bu has ýokary gymmatlyklar, gapma-garşylyklardan gaça durmak üçin ýeterlik derejede ýokary we kesgitli bir san bilen başlaýar. Özümizi alyp barşymyzda ýerlikli bolup biler ýaly, gatlakly komponentlerimiziň - gurallar, popovers, deňiz gämi duralgalary, aşak gaçmalar, modallar boýunça standart toplum gerek. 100
+ +a -da + ulanyp bilmedigimiziň sebäbi ýok 500
.
Bu aýratyn gymmatlyklary özleşdirmegi maslahat bermeýäris; birini çalyşsaň, hemmesini üýtgetmeli bolarsyň.
$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
Komponentleriň içindäki bir-birine gabat gelýän serhetleri dolandyrmak üçin (mysal üçin, düwmeler we giriş toparlaryndaky girişler), pes sanly bahalary ulanýarys 1
, 2
we 3
adaty ýagdaýlarda, işjeň we işjeň ýagdaýlarda. Aýlawda / fokusda / işjeňlikde, z-index
dogan elementleriniň üstünden serhedini görkezmek üçin has ýokary baha bilen belli bir elementi öňe çykarýarys.