Bootstrap 4 Figure 类

本文将详细介绍 Bootstrap 4 figure 类的示例。

Bootstrap 4 中的 figure 类是什么意思？

在 Bootstrap 4 中，figure 类为默认的 figure 元素添加样式，并使用附加标题显示图像。

以下元素用于 Bootstrap 4 figure 类中

• .figure: 此类用于指示 figure 元素。
• .figure-img: 它用于指示 figure 元素中使用的图像。
• .figure-caption: 此类用于在 figure 元素下方显示标题。

让我们看下面的 Bootstrap 4 Figure 类的示例。

示例 1

说明

我们在上面的示例中创建了 Bootstrap 4 figure 类的示例。

输出

以下是这个例子的输出。

示例 2

说明

我们在上面的示例中创建了带有上方和下方 fig 标题的 Bootstrap 4 figure 类的示例。

输出

以下是这个例子的输出。

示例 3

说明

我们在上面的示例中创建了带有特色标签的 Bootstrap 4 figure 类的示例。

输出

以下是这个例子的输出。