Z-index
Ọ bụ ezie na ọ bụghị akụkụ nke sistemụ grid Bootstrap, z-indexes na-ekere òkè dị mkpa n'otu akụkụ anyị si ekpuchi ma soro ibe anyị na-akpakọrịta.
Ọtụtụ ngwa Bootstrap na-eji z-index
, ihe onwunwe CSS na-enyere aka njikwa nhazi site n'inye axis nke atọ iji hazie ọdịnaya. Anyị na-eji nha nha z-index ndabara na Bootstrap nke emebere ka ọ bụrụ ntugharị nke ọma, ndụmọdụ ngwaọrụ na popovers, modals na ndị ọzọ.
Ụkpụrụ ndị a dị elu na-amalite na ọnụọgụ aka ike, dị elu na nke akọwapụtara nke ọma iji zere esemokwu. Anyị chọrọ usoro ọkọlọtọ nke ihe ndị a n'ofe akụkụ anyị nwere akwa-ntụpọ ngwaọrụ, popovers, navbars, dropdowns, modals-ka anyị wee nwee ike ịdị na-agbanwe agbanwe na omume. Ọ nweghị ihe kpatara na anyị agaghị eji 100
+ ma ọ bụ 500
+ mee ihe.
Anyị anaghị akwado ịhazi ụkpụrụ ndị a n'otu n'otu; ọ bụrụ na ị gbanwee otu, o yikarịrị ka ị ga-achọ ịgbanwe ha niile.
$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;
Iji jikwaa oke oke n'ime akụrụngwa (dịka ọmụmaatụ, bọtịnụ na ntinye n'ime otu ntinye), anyị na-eji z-index
ụkpụrụ otu nkeji dị ala nke 1
, 2
, yana 3
maka ndabara, hover na steeti nọ n'ọrụ. Na hover/focus/na-arụsi ọrụ ike, anyị na-ebute otu mmewere n'ihu nke nwere z-index
uru dị elu iji gosi oke ha n'elu ihe ụmụnne.