要添加悬停效果，请在 Bootstrap 中使用 card-link 类。以下是使用 card-link 类的链接 - XAMPP (MySQL + PHP + Apache) WordPress上述所有代码都用于 card-body 类中 - WordPress 安装 要使用 WordPress，您需要以下内容 XAMPP (MySQL + PHP + Apache) WordPress您可以尝试运行以下代码以在 Bootstrap 4 卡片中添加悬停效果 -示例在线演示 Bootstrap 示例 要求 - WordPress WordPress 安装 要使用 WordPress，您需要以下内容 XAMPP (MySQL + PHP + Apache) WordPress

要对齐弹性项目，请使用 justify-content-* 类。使用以下任何一项在开始、结束、周围和之间对齐弹性项目。justify-content-start – 在开始处对齐弹性项目 justify-content-end – 在结束处对齐弹性项目 justify-content-around – 在不同屏幕尺寸上围绕对齐弹性项目 justify-content-between – 在不同屏幕尺寸上在弹性项目之间对齐让我们看一个在开始处设置弹性项目的示例 - 排名 1 排名 2 排名 3以下是实现 justify-content-* 类的示例 -示例在线演示 Bootstrap 示例 排名 1 排名 2 排名 3 排名 1 排名 2 排名 3 排名 1 排名 2 排名 3

要在 Bootstrap 中将元素浮动到左侧，请使用 float-left 类。使用该类，将元素设置在左侧，如下所示 - 我在左边。将其设置在其他元素上，如 、 、 、 等 - 标题在左边。您可以尝试运行以下代码以将元素放置在左侧 -示例在线演示 Bootstrap 示例 演示 我在左边。 我在右边。 我在左边。 我在右边。

要为 Bootstrap 卡片设置负面操作，请将 bg-warning 类与 card 类一起使用，如下面的示例所示 - 超过 20 名学生期末考试不及格。让我们看一个在 Bootstrap 4 中为卡片设置负面操作的示例 -示例在线演示 Bootstrap 示例 结果 超过 20 名学生期末考试不及格。

使用 card-subtitle 类为卡片设置副标题。card-subtitle 类按如下所示使用 -体育这里，我以“室内”为例设置了副标题。副标题类位于 card-title Bootstrap 类之后 - 体育 室内 壁球、飞镖、棋类让我们看看在 Bootstrap 4 中使用 card-subtitle 类的示例 -示例在线演示 Bootstrap 示例 室内和室外运动 体育 室内 壁球、飞镖、棋类 体育 室外 板球、足球、曲棍球

使用 btn-outline-seondary 类在 Bootstrap 4 中设置灰色轮廓以显示不太重要的信息。以下是设置 Bootstrap 按钮以添加灰色轮廓的代码 - 更多让我们看看如何实现 btn-outline-secondary 类 -示例在线演示 Bootstrap 示例 工具 以下是一些工具： 在线编译器 图片编辑器 图片优化器 白板 更多工具，请点击下方： 更多

要在 Bootstrap 中设置不太重要的内容，请将 card 类与 bg-secondary 上下文类一起使用，如下所示 -使用 card-body 类设置卡片主体 - 健身追踪器让我们看看如何设置包含不太重要内容的卡片 -示例在线演示 Bootstrap 示例 健身产品 健身追踪器 心率监测器

在 Bootstrap 中使用 float-*-right 类将元素浮动到右侧。不同的屏幕尺寸包括为小型、中型、大型和特大型设置浮动。让我们看看如何在小型和中型屏幕尺寸上将元素浮动到右侧 -小型屏幕 此文本位于右侧（在小型屏幕上）。中型屏幕 此文本位于右侧（在中型屏幕上）。让我们看看如何在不同屏幕上将元素放置在右侧 -示例在线演示 Bootstrap 示例 ... 阅读更多

如果要将元素在不同屏幕尺寸上浮动到右侧，则使用 float-*-right 类，即以下内容适用于小型、中型、大型和特大型设备 - 此文本位于右侧（在小型屏幕上）。 此文本位于右侧（在中型屏幕上）。 此文本位于右侧（在大型屏幕上）。 此文本位于右侧（在特大型屏幕上）让我们看看在不同屏幕尺寸上将元素浮动到右侧的完整示例 -示例在线演示 Bootstrap 示例 ... 阅读更多

如果要将元素浮动到右侧，则需要使用 float-right 类。将其设置在右侧 - 文本在右侧！让我们看一个将元素浮动到右侧的示例 -示例在线演示 Bootstrap 示例 指南 文本在右侧！ 这是演示文本。