Z-index
Thaum tsis yog ib feem ntawm Bootstrap cov kab sib chaws, z-indexes ua si ib qho tseem ceeb hauv peb cov khoom sib tshooj thiab cuam tshuam nrog ib leeg.
Ob peb Bootstrap Cheebtsam siv z-index, CSS cov cuab yeej uas pab tswj kev teeb tsa los ntawm kev muab peb axis los npaj cov ntsiab lus. Peb siv lub default z-index scale nyob rau hauv Bootstrap uas yog tsim los kom zoo txheej navigation, tooltips thiab popovers, modals, thiab ntau dua.
Cov nqi siab dua no pib ntawm tus lej tsis txaus ntseeg, siab thiab tshwj xeeb txaus kom tsis txhob muaj kev tsis sib haum xeeb. Peb xav tau cov txheej txheem txheej txheem ntawm cov no thoob plaws peb cov txheej txheem - cov lus qhia, popovers, navbars, dropdowns, modals - yog li peb tuaj yeem ua raws li kev coj cwj pwm. Tsis muaj laj thawj peb tsis tuaj yeem siv 100+ lossis 500+.
Peb tsis txhawb kom customization ntawm tus kheej qhov tseem ceeb no; Yog tias koj hloov ib qho, koj yuav xav tau hloov lawv txhua tus.
$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;
Txhawm rau tswj cov ciam teb sib tshooj hauv cov khoom (piv txwv li, cov nyees khawm thiab cov khoom siv hauv pawg tswv yim), peb siv tus lej qis tus lej z-indexntawm 1, 2, thiab 3rau lub neej ntawd, txav mus, thiab lub xeev nquag. Ntawm hover/focus/active, peb nqa ib lub ntsiab rau pem hauv ntej nrog tus nqi siab dua z-indexlos qhia lawv ciam teb ntawm cov kwv tij.