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-index
a 1
, 2
, ndi 3
makonda, hover, ndi makonda. Pa hover/focus/active, timabweretsa chinthu china patsogolo chomwe chili ndi z-index
mtengo wapamwamba kuti chiwonetse malire awo pazigawo za abale.