Z指數

雖然不是 Bootstrap 網格系統的一部分，但 z-index 在我們的組件如何相互疊加和交互方面發揮著重要作用。

幾個 Bootstrap 組件利用z-indexCSS 屬性，通過提供第三個軸來排列內容來幫助控制佈局。我們在 Bootstrap 中使用默認的 z-index 比例，該比例旨在正確分層導航、工具提示和彈出框、模式等。

這些較高的值從任意數字開始，足夠高且足夠具體，可以理想地避免衝突。我們需要在我們的分層組件（工具提示、彈出框、導航欄、下拉菜單、模式）中使用這些標準集，以便我們可以在行為上保持合理一致。我們沒有理由不能使用100+ 或500+。

我們不鼓勵定制這些個人價值觀；如果你改變一個，你可能需要全部改變。

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

為了處理組件內的重疊邊界（例如，輸入組中的按鈕和輸入），我們使用低個位數z-index的1、2和3來表示默認、懸停和活動狀態。在懸停/聚焦/激活時，我們將具有更高z-index值的特定元素置於最前面，以在兄弟元素上顯示它們的邊框。