Z-index

Ngakhale si gawo la gridi ya Bootstrap, ma index a z amatenga gawo lofunikira momwe zigawo zathu zimakutirana ndikulumikizana.

Zigawo zingapo za Bootstrap zimagwiritsa ntchito z-index, katundu wa CSS womwe umathandizira kuwongolera masanjidwe popereka olamulira achitatu kuti akonze zomwe zili. Timagwiritsa ntchito sikelo yokhazikika ya z-index mu Bootstrap yomwe idapangidwa kuti ikhale yosanjikiza bwino, malangizo a zida ndi popovers, modal, ndi zina zambiri.

Miyezo yapamwambayi imayambira pa nambala yosawerengeka, yokwera komanso yachindunji kuti mupewe mikangano. Timafunikira seti yokhazikika ya izi m'magawo athu osanjikiza - zida, popovers, navbar, dropdown, modals - kuti titha kukhala osasinthasintha pamakhalidwe. Palibe chifukwa chomwe sitinagwiritse ntchito 100+ kapena 500+.

Sitikulimbikitsa kuti musinthe makonda awa; mukasintha chimodzi, muyenera kusintha onse.

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

Kuti tithane ndi malire omwe akudutsana mkati mwa zigawo (monga mabatani ndi zolowetsa m'magulu olowetsa), timagwiritsa ntchito manambala otsika z-indexa 1, 2, ndi 3makonda, hover, ndi makonda. Pa hover/focus/active, timabweretsa chinthu china patsogolo chomwe chili ndi z-indexmtengo wapamwamba kuti chiwonetse malire awo pazigawo za abale.