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-index
di 1
, 2
, è 3
per i stati predeterminati, hover è attivi. In hover / focus / attivu, purtemu un elementu particulari in prima linea cù un z-index
valore più altu per mustrà u so cunfini nantu à l'elementi frateddi.