用于布局的实用程序

改变 display

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

弹性框选项

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

如果您需要在元素中添加 display: flex，请使用.d-flex或其中一个响应式变体（例如， .d-sm-flex）。您需要这个类或“显示”值来允许使用我们额外的 flexbox 实用程序 来调整大小、对齐、间距等。

边距和填充

使用margin和 padding间距实用程序 来控制元素和组件的间距和大小调整方式。Bootstrap 包括一个六级间距实用程序，基于1rem值默认$spacer变量。为所有视口选择值（例如，.me-3表示 LTR 中的margin-right: 1rem），或选择响应式变体以定位特定视口（例如，.me-md-3表示 margin-right: 1rem——在 LTR 中——从 md断点开始）。

切换 visibility

当不需要切换display时，您可以使用我们的 可见性实用程序 切换元素的visibility。不可见的元素仍会影响页面的布局，但在视觉上对访问者隐藏。