bootstrap flex

Bootstrap Flex 是 Bootstrap 框架中的一个组件，它提供了一种响应式的、基于 CSS Flexbox 的布局系统。Flexbox 是一种现代 CSS 排列模型，允许开发者轻松地创建灵活的、适应屏幕尺寸的网格布局。使用 Bootstrap Flex，你可以：

1. **流式布局**：通过设置容器（`.container` 或 `.container-fluid`）的 `display: flex;` 属性，内容会沿着主轴（默认为水平方向）自动调整宽度。

2. **项目对齐**：使用 `align-items` 和 `justify-content` 属性控制 Flex 容器内项目的垂直和水平对齐方式，如居中 (`center`)、顶部 (`start`) 等。

3. **项目顺序**：`order` 属性用于改变项目的排列顺序，有助于创建分层结构。

4. **伸缩和填充**：`flex-grow`, `flex-shrink`, `flex-basis` 控制元素如何分配空间和自适应大小。

5. **嵌套**：Flex 可与其他 Bootstrap 元素结合，如网格系统（Grid），构建更复杂的布局。

Bootstrap Flex 可以极大地简化响应式设计的工作，并在各种设备上提供一致的体验。