Bootstrap flex-column

Bootstrap flex-column 是一个 CSS 类，它用于使用 Flexbox 布局将元素垂直排列。Flexbox 是一种强大的布局模式，可以让你轻松地创建灵活的、响应式的布局。

当你使用 flex-column 类时，它会将父元素设为 Flex 容器，并将子元素沿着主轴（默认为水平轴）垂直排列。如果你想要将子元素沿着垂直轴（即主轴方向）水平排列，可以使用 flex-row 类。

以下是一个使用 Bootstrap flex-column 的示例：

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

在这个示例中，我们将一个 div 元素设为 Flex 容器，并使用 flex-column 类将其子元素垂直排列。每个子元素都有一个 padding 类（p-2），以增加元素之间的间距。你可以根据需要调整 padding 的值。

请注意，如果你使用 Bootstrap 4 或更早版本，则应该使用类名“flex-column”和“d-flex”来创建 Flex 容器。如果你使用 Bootstrap 5，则可以使用类名“flex-column”代替“d-flex flex-column”。