Z-index
Le ha e se karolo ea sistimi ea grid ea Bootstrap, li-index tsa z li bapala karolo ea bohlokoa mabapi le kamoo likarolo tsa rona li koahelang le ho sebelisana.
Likarolo tse 'maloa tsa Bootstrap li sebelisa z-index
, thepa ea CSS e thusang ho laola sebopeho ka ho fana ka axis ea boraro ho hlophisa litaba. Re sebelisa sekala sa kamehla sa z-index ho Bootstrap se etselitsoeng hore se tsamaee hantle, lisebelisoa tsa lisebelisoa le popovers, modals, le tse ling.
Litekanyetso tsena tse holimo li qala ka palo e sa reroang, e phahameng le e tobileng ho qoba likhohlano. Re hloka sete e tloaelehileng ea lintho tsena ho pholletsa le likarolo tsa rona tse nang le lisebelisoa - lithulusi, popovers, navbar, dropdowns, modals - e le hore re ka tsitsa boitšoarong. Ha ho na lebaka leo re ka beng re sa ka ra sebelisa 100
+ kapa 500
+.
Ha re khothaletse ho fetola litekanyetso tsena tsa motho ka mong; ha u ka fetola e le 'ngoe, mohlomong u hloka ho li fetola kaofela.
$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;
Ho sebetsana le meeli e feteletsanang ka har'a likarolo (mohlala, likonopo le lintho tse kenang ka har'a lihlopha tsa ho kenya), re sebelisa boleng bo tlase ba nomoro e le 'ngoe z-index
ea 1
, 2
, le 3
bakeng sa maemo a kamehla, hover, le a active states. Ho hover/focus/active, re tlisa ntho e itseng ho ea pele ka z-index
boleng bo holimo ho bonts'a moeli oa bona holim'a likarolo tsa banab'abo.