Esasy mazmuna geçiň Docs nawigasiýasyna geçiň
in English

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-offcanvas-backdrop:         1040;
$zindex-offcanvas:                  1045;
$zindex-modal-backdrop:             1050;
$zindex-modal:                      1055;
$zindex-popover:                    1070;
$zindex-tooltip:                    1080;

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ýlarda, 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.