Buuka ku bigambo ebikulu Buuka ku docs navigation
Check
in English

Z-omuwendo gw’ebintu

Wadde nga si kitundu kya nkola ya Bootstrap eya grid, z-indexes zikola kinene mu ngeri ebitundu byaffe gye bikwataganamu n’okukwatagana ne birala.

Ebitundu bya Bootstrap ebiwerako bikozesa z-index, ekintu kya CSS ekiyamba okufuga ensengeka nga kiwa ekisiki ekyokusatu okutegeka ebirimu. Tukozesa ekipimo kya z-index ekisookerwako mu Bootstrap ekikoleddwa okulayer obulungi okutambulira, ebikozesebwa ne popovers, modals, n'ebirala.

Emiwendo gino egy’oku ntikko gitandikira ku muwendo ogw’ekimpatiira, ogw’ekika ekya waggulu era ogw’enjawulo ekimala okusobola okwewala enkaayana mu ngeri ennungi. Twetaaga ekibiina eky’omutindo ekya bino okuyita mu bitundu byaffe ebiriko layeri —ebikozesebwa, popovers, navbars, dropdowns, modals —tusobole okuba abakwatagana mu ngeri entuufu mu nneeyisa. Tewali nsonga lwaki tetwandisobodde kukozesa 100+ oba 500+.

Tetukubiriza kulongoosa mpisa zino ez’omuntu kinnoomu; singa okyusa ekimu, kirabika weetaaga okuzikyusa zonna.

$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;

Okukwata ensalosalo ezikwatagana munda mu bitundu (okugeza, obutambi n’ebiyingizibwa mu bibinja by’ebiyingizibwa), tukozesa emiwendo gya digito emu z-indexegya wansi egya 1, 2, era 3ku mbeera ezisookerwako, ezisiba, n’ezikola. Ku hover/focus/active, tuleeta elementi entongole ku mwanjo z-indexn’omuwendo ogw’oku ntikko okulaga ensalosalo yaabwe ku elementi z’abooluganda.