層級（Z-index）

雖然z索引不是Bootstrap網格系統的一部分，但它在組件如何相互覆蓋和交互方面起著重要的作用。

On this page

一些Bootstrap組件利用 z-index，CSS屬性通過提供第三個軸來排列內容，從而幫助控制布局。我們在Bootstrap中使用了一個默認的z索引規模，它被設計用來正確地分層導航、工具提示和彈出窗口、模態等等。

這些較高的值從任意數字開始，足夠高和特定，以理想地避免沖突。我們需要在我們的分層組件工具提示、彈出窗口、導航欄、下拉列表、模態中使用一組標準的工具，這樣我們的行為就可以合理地保持一致。我們沒有理由不使用100+或500+。

我們不鼓勵定制這些數值；如果你更改一個，你可能需要把它們全部更改。

$zindex-dropdown:                   1000;
$zindex-sticky:                     1020;
$zindex-fixed:                      1030;
$zindex-offcanvas:                  1040;
$zindex-modal-backdrop:             1050;
$zindex-modal:                      1060;
$zindex-popover:                    1070;
$zindex-tooltip:                    1080;

為了處理組件內的重疊邊界（例如，輸入組中的按鈕和輸入），我們使用1、2和3的低位單位數z索引值作為默認、懸停和活動狀態。在hover/focus/active上，我們使用更高的z索引值將特定元素置于最前面，以顯示它們在兄弟元素上的邊界。