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>

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

相关问题

Bootstrap css display fixed

`display: fixed` is not a valid CSS property. The correct property for fixing an element in a specific position on the screen is `position: fixed`. Here's an example:

<div style="position: fixed; top: 0; left: 0;">This element is fixed to the top left of the screen</div>

In Bootstrap, you can use the class `fixed-top` or `fixed-bottom` to fix an element to the top or bottom of the screen respectively. For example:

<nav class="navbar fixed-top">This navbar is fixed to the top of the screen</nav>

You can also use the class `sticky-top` to make an element stick to the top of the screen until it reaches a certain point, at which point it becomes fixed. For example:

<div class="sticky-top">This element is sticky until it reaches the top of the screen, then it becomes fixed</div>

bootstrap在display之后平均分

如果您想在使用 Bootstrap 的 `display` 属性后平均分配子元素的宽度，可以使用 Bootstrap 的 `d-flex` 和 `justify-content-between` 类。例如，以下代码将创建一个具有三个子元素的 `div`，并将它们平均分配在容器中：

<div class="d-flex justify-content-between">
  <div>子元素1</div>
  <div>子元素2</div>
  <div>子元素3</div>
</div>

您还可以使用 `justify-content-around` 类来在子元素之间创建等距间隔。