bootstrap 中有关display的class

Bootstrap 中有一些与 `display` 相关的 class，包括：

- `.d-none`：隐藏元素，相当于 `display: none;`。
- `.d-block`：将元素显示为块级元素，相当于 `display: block;`。
- `.d-inline`：将元素显示为行内元素，相当于 `display: inline;`。
- `.d-inline-block`：将元素显示为行内块级元素，相当于 `display: inline-block;`。
- `.d-flex`：将元素显示为 Flex 容器，相当于 `display: flex;`。
- `.d-inline-flex`：将元素显示为内联 Flex 容器，相当于 `display: inline-flex;`。

这些 class 可以用于快速设置元素的显示方式。例如，可以使用 `.d-none` 将元素隐藏：

<div class="d-none">内容</div>

也可以使用 `.d-flex` 将元素设置为 Flex 容器，并使用 Flex 布局来对内部元素进行排列：

<div class="d-flex">
  <div>元素1</div>
  <div>元素2</div>
  <div>元素3</div>
</div>

这样可以将三个元素水平排列，并根据需要进行对齐、间距、换行等操作。