Flex布局在Bootstrap中的应用

Flex布局（Flexible Box Layout）是一种用于页面布局的CSS3模块，它提供了一种灵活的方式来排列和对齐元素，使得页面的布局更加自适应和响应式。在Bootstrap框架中，Flex布局被广泛应用，以实现各种复杂的页面布局和组件排列。

在Bootstrap中，Flex布局是通过使用内置的CSS类来实现的。在本文中，我们将探讨Flex布局在Bootstrap中的应用，并提供相应的源代码示例。

一、Flex容器（Container）

Flex容器是指应用Flex布局的父元素，通过为父元素添加相应的CSS类来创建Flex容器。在Bootstrap中，我们可以使用d-flex类将一个元素设置为Flex容器。

<div class="d-flex">
  <