Ye table Bootstrap ke predefined z-index variables aur unka use clearly explain karta hai.
| Variable Name | Z-Index Value | Use / Description |
|---|---|---|
| $zindex-dropdown | 1000 | Dropdown menus (e.g., nav dropdowns) |
| $zindex-sticky | 1020 | Sticky elements (e.g., sticky header) |
| $zindex-fixed | 1030 | Fixed elements (e.g., fixed navbar) |
| $zindex-offcanvas-backdrop | 1040 | Overlay behind offcanvas sidebar or menu |
| $zindex-offcanvas | 1045 | Offcanvas menu or sidebar |
| $zindex-modal-backdrop | 1050 | Overlay behind modals (darkened background) |
| $zindex-modal | 1055 | Modal dialogs (popup windows) |
| $zindex-popover | 1070 | Popovers (small overlay info boxes) |
| $zindex-tooltip | 1080 | Tooltips (hover info hints) |
| $zindex-toast | 1090 | Toast notifications (top-right messages) |