Z-index

Ancu s'ellu ùn hè micca una parte di u sistema di griglia di Bootstrap, l'indici z ghjucanu una parte impurtante in cumu i nostri cumpunenti si sovrapponu è interagiscenu l'un l'altru.

Diversi cumpunenti di Bootstrap utilizanu z-index, a pruprietà CSS chì aiuta à cuntrullà u layout furnisce un terzu assi per organizà u cuntenutu. Utilizemu una scala z-index predeterminata in Bootstrap chì hè stata cuncepita per stratificà bè a navigazione, i tooltips è popovers, modali è più.

Questi valori più elevati partenu da un numeru arbitrariu, altu è abbastanza specificu per evità idealmente cunflitti. Avemu bisognu di un inseme standard di questi in tutti i nostri cumpunenti stratificati - tooltips, popovers, navbars, dropdowns, modali - cusì pudemu esse raghjone cunsistenti in i cumpurtamenti. Ùn ci hè nisuna ragione chì ùn pudemu micca aduprà 100+ o 500+.

Ùn incuraghjemu micca a persunalizazione di sti valori individuali; duvete cambià unu, probabilmente avete bisognu di cambià tutti.

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

Per trattà e fruntiere sovrapposte in i cumpunenti (per esempiu, i buttoni è l'inputs in i gruppi di input), usemu valori bassu di una sola cifra z-indexdi 1, 2, è 3per i stati predeterminati, hover è attivi. In hover / focus / attivu, purtemu un elementu particulari in prima linea cù un z-indexvalore più altu per mustrà u so cunfini nantu à l'elementi frateddi.