Z-yndeks

Ferskate Bootstrap-komponinten brûke z-index, it CSS-eigenskip dat helpt yndieling te kontrolearjen troch in tredde as te leverjen om ynhâld te regeljen. Wy brûke in standert z-yndeksskaal yn Bootstrap dy't is ûntworpen om goed navigaasje, tooltips en popovers, modalen, en mear te lagen.

Dizze hegere wearden begjinne by in willekeurige nûmer, heech en spesifyk genôch om ideaal konflikten te foarkommen. Wy hawwe in standert set fan dizze nedich oer ús lagen komponinten - tooltips, popovers, navbars, dropdowns, modals - sadat wy ridlik konsekwint kinne wêze yn it gedrach. 100D'r is gjin reden dat wy + of + net koenen hawwe brûkt 500.

Wy moedigje oanpassing fan dizze yndividuele wearden net oan; as jo ien feroarje, moatte jo se wierskynlik allegear feroarje.

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

Om oerlappende grinzen binnen komponinten te behanneljen (bgl. knoppen en ynputs yn ynfiergroepen), brûke wy lege iensiferwearden z-indexfan 1, 2, en 3foar standert, hover en aktive steaten. Op hover/focus/active bringe wy in bepaald elemint nei foaren mei in hegere z-indexwearde om har grins oer de sibling-eleminten sjen te litten.