Z-index
虽然不是 Bootstrap 网格系统的一部分，但 z-index 在我们的组件如何叠加和相互作用中起着重要作用。
多个 Bootstrap 组件使用 z-index，这是一个 CSS 属性，可通过提供第三个轴来安排内容，从而帮助控制布局。我们在 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 值将特定元素置于前面，以显示它们的边框覆盖同级元素。