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 komponentlerimiz boýunça gurallar, gurallar, gämi duralgalary, aşak gaçmalar, modallar üçin bularyň standart toplumy 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-offcanvas-backdrop: 1040;
$zindex-offcanvas: 1045;
$zindex-modal-backdrop: 1050;
$zindex-modal: 1055;
$zindex-popover: 1070;
$zindex-tooltip: 1080;
$zindex-toast: 1090;
z-indexKomponentleriň 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, 2we 3adaty ýagdaýda, işjeň we işjeň ýagdaýlarda. Aýlawda / fokusda / işjeňlikde, z-indexdogan elementleriniň üstünden serhedini görkezmek üçin has ýokary baha bilen belli bir elementi öňe çykarýarys.