Z-index
O Bootstrap utiliza a propriedade z-index do CSS para controlar o empilhamento de elementos em uma página da web. Esta propriedade é essencial para controlar a sobreposição de elementos, como modais, dropdowns e outros componentes que podem se sobrepor a outros elementos.
O z-index é um valor numérico que determina a ordem de empilhamento dos elementos, onde elementos com um valor de z-index mais alto aparecerão sobre elementos com um valor de z-index mais baixo.
O Bootstrap fornece classes utilitárias para z-index, que permitem definir rapidamente o nível de empilhamento de um elemento. As classes disponíveis incluem z-index-0, z-index-1, z-index-2 e z-index-3. Por exemplo, a classe z-index-3 define um valor de z-index de 3 para um elemento específico.
Além disso, o Bootstrap utiliza um conjunto padrão de valores de z-index para seus componentes, como modais, tooltips, popovers, barras de navegação, dropdowns, entre outros.
$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;