Z-index

Ubay-ubay nga mga sangkap sa Bootstrap ang naggamit z-indexsa , ang CSS property nga makatabang sa pagkontrolar sa layout pinaagi sa paghatag ug ikatulo nga axis sa paghan-ay sa sulod. Gigamit namo ang default z-index nga sukdanan sa Bootstrap nga gidesinyo sa hustong pag-layer sa nabigasyon, tooltips ug popovers, modals, ug uban pa.

Kining mas taas nga mga bili magsugod sa arbitraryong numero, taas ug espesipiko nga igo aron malikayan ang mga panagbangi. Nagkinahanglan kami og standard set niini sa among layered nga mga component—tooltips, popovers, navbars, dropdowns, modals—aron kita mahimong makatarunganon nga makanunayon sa mga kinaiya. Walay rason nga dili namo magamit ang 100+ o 500+.

Wala kami nag-awhag sa pag-customize niining mga indibidwal nga mithi; kung usbon nimo ang usa, lagmit kinahanglan nimo nga usbon silang tanan.

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

Aron madumala ang nagsapaw-sapaw nga mga utlanan sulod sa mga sangkap (pananglitan, mga buton ug mga input sa input nga mga grupo), migamit kami og ubos nga single digit nga z-indexmga bili sa 1, 2, ug 3alang sa default, hover, ug aktibo nga mga estado. Sa hover/focus/aktibo, atong dad-on ang usa ka partikular nga elemento sa atubangan nga adunay mas taas z-indexnga bili aron ipakita ang ilang utlanan sa mga elemento sa igsoon.