Z-index
Ancu s'ellu ùn hè micca una parte di u sistema di griglia di Bootstrap, l'indici z ghjucanu un rolu 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ù altu 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-offcanvas-backdrop: 1040;
$zindex-offcanvas: 1045;
$zindex-modal-backdrop: 1050;
$zindex-modal: 1055;
$zindex-popover: 1070;
$zindex-tooltip: 1080;
$zindex-toast: 1090;
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 frati.