Z-index

多个 Bootstrap 组件使用 z-index，这是一个 CSS 属性，可通过提供第三个轴来安排内容，从而帮助控制布局。我们在 Bootstrap 中使用了一个默认的 z-index 级别，该级别专为正确分层导航、工具提示和弹出框、对话框等而设计。

这些较高的值从一个任意的数字开始，高而具体，理想情况下可以避免冲突。我们需要在分层组件（例如工具提示、弹出框、导航栏、菜单、对话框）中有一组标准值，以便我们在行为上保持合理的一致性。没有理由我们不能使用100+或500+。

我们不鼓励对这些单独的值进行自定义；如果你更改了其中一个，你很可能需要更改所有的值。

$zindex-levels: (
  n1: -1,
  0: 0,
  1: 1,
  2: 2,
  3: 3,
  menu: 1000,
  sticky: 1010,
  fixed: 1020,
  drawer: 1030,
  dialog: 1040,
  popover: 1050,
  tooltip: 1060,
  toast: 1070,
);

为了处理组件内的重叠边框（例如输入组中的按钮和输入框），我们在默认、悬停和激活状态下使用低位的单数字 z-index 值的 1、2 和 3。在悬停/聚焦/激活时，我们通过更高的 z-index 值将特定元素置于前面，以显示它们的边框覆盖同级元素。