Tlolela go diteng tše kgolo Tlolela go docs navigation
Check
in English

Z-tšhupamabaka

Le ge e se karolo ya tshepedišo ya keriti ya Bootstrap, di-z-index di kgatha tema ye bohlokwa go ka fao dikarolo tša rena di akaretšago le go dirišana le tše dingwe.

Several Bootstrap components utilize z-index, thepa ya CSS yeo e thušago go laola peakanyo ka go fana ka selekane sa boraro go beakanya dikagare. Re diriša tekanyo ya z-index ya go se fetoge ka go Bootstrap yeo e hlamilwego go beakanya go sepelasepela ka tshwanelo, di-tooltips le di-popovers, di-modal, le tše dingwe.

Ditekanyetšo tše tša godimo di thoma ka palo ya boithatelo, ye e phagamego le ye e itšego ka mo go lekanego go efoga ka mo go swanetšego dithulano. Re hloka sete e tlwaelegilego ya tše go ralala le dikarolo tša rena tša legato—di-tooltips, popovers, navbars, dropdowns, modals—e le gore re kgone go ba ba sa fetogego ka mo go kwagalago boitshwarong. Ga go na lebaka leo re bego re ka se diriše 100+ goba 500+.

Ga re kgothaletše go dira gore ditekanyetšo tše tša motho ka o tee ka o tee di be tša gago; ge e ba o ka fetoša e tee, go bonagala o swanetše go di fetoša ka moka.

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

Go swara mellwane ye e lekelelanago ka gare ga dikarolo (mohlala, dikonope le ditseno ka dihlopheng tša tsenyo), re šomiša z-indexdikelo tša fase tša dinomoro tše tee tša 1, 2, le 3tša maemo a go se fetoge, a go hover, le a go šoma. Ka hover/focus/active, re tliša elemente ye e itšego pele ka z-indexboleng bjo bo phagamego go bontšha mollwane wa bona godimo ga dielemente tša bana babo rena.