Z-nufiamefianu
Togbɔ be menye Bootstrap ƒe grid ɖoɖoa ƒe akpa aɖeke o hã la, z-indexwo wɔa akpa vevi aɖe le alesi míaƒe akpawo ƒoa wo nɔewo nu ƒu hewɔa nu ɖe wo nɔewo ŋui me.
Bootstrap ƒe akpa geɖewo zãa z-index
, CSS ƒe nɔnɔme si kpena ɖe ɖoɖowɔwɔ dzi kpɔkpɔ ŋu to axis etɔ̃lia nana be woaɖo emenyawo ɖe ɖoɖo nu me. Míezãa z-index dzidzenu si woɖo ɖi le Bootstrap me si wowɔ be wòatsɔ aɖo mɔfiamewo, dɔwɔnuwo kple popovers, modals, kple bubuwo la nyuie.
Asixɔxɔ siawo siwo kɔ wu la dzea egɔme tso xexlẽme si woɖo ɖi dzi, si kɔkɔ eye wòle tẽ ale gbegbe be le mɔ nyuitɔ nu la, woaƒo asa na masɔmasɔwo. Míehiã esiawo ƒe ɖoɖo si sɔ le míaƒe akpa siwo le ƒuƒoƒo me—dɔwɔnu ƒe aɖaŋuɖoɖowo, popovers, navbars, dropdowns, modals—ale be míate ŋu awɔ ɖeka le nuwɔnaawo me le mɔ si sɔ nu. Susu aɖeke meli si tae míate ŋu azã 100
+ alo 500
+ hafi o.
Míedea dzi ƒo be woatrɔ asi le dzidzenu ɖekaɖeka siawo ŋu o; ne ètrɔ ɖeka la, anɔ eme be ahiã be nàtrɔ wo katã.
$zindex-dropdown: 1000;
$zindex-sticky: 1020;
$zindex-fixed: 1030;
$zindex-modal-backdrop: 1040;
$zindex-offcanvas: 1050;
$zindex-modal: 1060;
$zindex-popover: 1070;
$zindex-tooltip: 1080;
Be míakpɔ liƒo siwo ƒo xlã wo nɔewo le akpawo me gbɔ (le kpɔɖeŋu me, abɔtawo kple nyawo tsɔtsɔ de eme le nyawo tsɔtsɔ de eme ƒe ƒuƒoƒowo me), míezãa xexlẽdzesi ɖeka ƒe z-index
asixɔxɔ siwo le bɔbɔe siwo nye 1
, 2
, kple 3
na nɔnɔme siwo woɖo ɖi, hover, kple nɔnɔme siwo le dɔ wɔm. Le hover/focus/active dzi la, míetsɔa nu tɔxɛ aɖe vaa ŋgɔgbe kple z-index
asixɔxɔ si kɔkɔ wu be míaɖe woƒe liƒo afia ɖe nɔviawo ƒe akpaawo dzi.