布局实用工具
为了更快速地进行移动友好和响应式开发，Bootstrap 包含了数十个用于显示、隐藏、对齐和设置内容间距的实用程序类。
此页面上的内容
更改 display
使用我们的 显示实用工具 以响应式地切换 display 属性的常见值。将其与我们的网格系统、内容或组件混合使用，以在特定视口中显示或隐藏它们。
Flexbox 选项
Bootstrap 是使用 Flexbox 构建的，但并非每个元素的 display 都已更改为 display: flex，因为这会添加许多不必要的覆盖并意外更改关键的浏览器行为。我们的 大多数组件 都启用 Flexbox 构建。
如果你需要向元素添加 display: flex，请使用 .d-flex 或其中一个响应式变体（例如 .d-sm-flex）执行此操作。你需要此类或 display 值才能使用我们的额外 Flexbox 实用工具 来调整大小、对齐、间距等。
外边距和内边距
使用 margin 和 padding 间距实用工具 来控制元素和组件的间距和大小。Bootstrap 包含一个六级间距实用工具量表，基于默认 $spacer 变量的 1rem 值。为所有视口选择值（例如，LTR 中的 .me-3 表示 margin-right: 1rem），或选择响应式变体以针对特定视口（例如，从 md 断点开始，LTR 中的 .me-md-3 表示 margin-right: 1rem）。
切换 visibility
当切换 display 不需要时，您可以使用我们的 可见性实用程序 切换元素的 visibility。不可见的元素仍然会影响页面的布局，但对访问者来说是视觉上隐藏的。