bootstrap CSS类实现 display:flex;

在Bootstrap中，可以使用以下CSS类来实现`display:flex;`的效果：

1. `d-flex`：这个类将元素的`display`属性设置为`flex`，以启用弹性盒子布局。

2. `flex-row`和`flex-column`：这些类将子元素排列为一行或一列。`flex-row`将子元素水平排列，而`flex-column`将子元素垂直排列。

3. `justify-content-*`和`align-items-*`：这些类可以用于在主轴和交叉轴上对子元素进行对齐和布局。例如，`justify-content-center`可以将子元素居中对齐，而`align-items-start`可以将子元素沿交叉轴顶部对齐。

4. `flex-wrap`和`flex-nowrap`：这些类可以用于控制子元素是否换行。`flex-wrap`允许子元素自动换行，而`flex-nowrap`将所有子元素放在一行中。

通过使用这些类，可以轻松实现弹性盒子布局，并在不同的屏幕大小和设备上进行响应式设计。