Utilities for layout

更改display

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

Flexbox选项

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

如果您需要向元素添加display:flex，请使用.d-flex或其中一个响应式变体(例如.d-sm-flex)。 您需要这个类或display值，才能使用我们额外的flexbox工具集来调整大小、对齐、间距等。

Margin和padding

使用margin和paddingspaceing 工具集 来控制元素和组件的间距和大小。 Bootstrap包括一个用于间距实用程序的六级刻度，基于1rem值默认值$spacer变量。 为所有视口选择值(例如，在LTR中为margin right：1rem选择.me-3)，或从md断点开始为目标特定视口选择响应式变体(例如，LTR中的margin right:1rem为.me-md-3)。

切换visibility

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