Bootstrap - 实用程序

本章将讨论 Bootstrap 实用程序。多个实用程序类用于各种更改，例如显示、隐藏、对齐和间隔内容，这些用于创建适合移动设备和响应式的网站。

更改显示

引导程序显示属性可用于配置显示。将其与网格系统、内容或组件混合以在特定视口上显示或隐藏它们。

弹性盒选项

• Bootstrap 使用 flexbox，但并非每个元素都应该显示：flex以避免覆盖和更改浏览器Behave。大多数组件都是在启用 Flexbox 的情况下构建的。

• 为了将display: flex添加到元素，请使用.d-flex或响应式变体（如.d-sm-flex）。使用此类或值来访问用于调整大小、对齐、间距等的Flexbox 实用程序。

边距和填充

• 使用边距和填充实用程序来修改元素的间距和大小。它具有基于1rem默认$spacer变量的六级间距刻度，用于间距实用程序。

• 您可以选择某些视口（例如，.me-sm-3表示margin-right: 1rem — 在 LTR 中 — 从 sm 断点开始），或视口的值（例如，.me-3表示margin-right: 1rem in长期）。

切换可见性

可见性实用程序允许您切换元素的可见性。不可见元素继续影响页面布局，但对访问者隐藏。