布局工具类

更改 display

使用我们的显示工具来响应式地切换display属性的常用值。将其与我们的网格系统、内容或组件混合使用，以在特定视口中显示或隐藏它们。

Flexbox 选项

Bootstrap 是使用 Flexbox 构建的，但并非每个元素的 display 都已更改为 display: flex，因为这样会增加许多不必要的覆盖，并意外改变关键的浏览器行为。我们的大多数 组件 都是启用 Flexbox 构建的。

如果你需要向元素添加 display: flex，请使用 .d-flex 或其中一个响应式变体（例如 .d-sm-flex）。你将需要这个类或 display 值，以便使用我们的额外 flexbox 工具 来处理尺寸、对齐、间距等。

外边距和内边距

使用 margin 和 padding 间距工具 控制元素和组件的间距和大小。Bootstrap 包含基于六级尺度的间距工具。 1rem 默认值 $spacer 变量。为所有视口选择值（例如， .me-3 为 margin-right: 1rem 在从左到右的布局中)，或者选择响应式变体以针对特定视口（例如， .me-md-3 为 margin-right: 1rem ——从左到右——从…开始 md 断点)。

切换 visibility

切换时 display 不需要，你可以切换 visibility 与我们的一个元素 可见性工具不可见元素仍然会影响页面布局，但对访客来说是视觉上隐藏的。