为了更快地进行移动友好和响应式开发，Bootstrap 包括数十个实用程序类，用于显示、隐藏、对齐和间隔内容。
改变display
使用我们的显示实用程序响应式切换属性的通用值。将其与我们的网格系统、内容或组件混合使用，以便在特定视口中显示或隐藏它们。display
Flexbox 选项
Bootstrap 是用 flexbox 构建的，但并不是每个元素都被更改为 ，因为这会添加许多不必要的覆盖并意外更改关键的浏览器行为。我们的大多数组件都是在启用 flexbox 的情况下构建的。displaydisplay: flex
如果您需要添加到元素中，请使用 或响应式变体之一（例如 ）。你需要这个类或值来允许使用我们额外的 flexbox 实用程序来调整大小、对齐、间距等。display: flex.d-flex.d-sm-flexdisplay
边距和填充
使用 和 spacing 实用程序可控制元素和组件的间距和大小。Bootstrap 包括一个基于值默认变量的间距实用程序的六级刻度。为所有视口选择值（例如，在 LTR 中），或选择响应式变体以定位特定视口（例如，在 LTR 中，从断点开始）。marginpadding1rem$spacer.me-3margin-right: 1rem.me-md-3margin-right: 1remmd
切换visibility
当不需要切换时，您可以使用我们的可见性实用程序切换元素的 。不可见的元素仍会影响页面的布局，但在视觉上对访问者隐藏。displayvisibility