要在 Bootstrap 卡片上设置否定操作，请使用 bg-warning 类与卡片类一起使用，如下例所示 - 超过 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 中设置不太重要的内容，请使用带有 bg-secondary 上下文类的卡片类，如下所示 -设置卡片主体以及使用 card-body 类 - 健身追踪器让我们看看如何设置带有不太重要内容的卡片 -示例在线演示      Bootstrap 示例                                 健身产品            健身追踪器              心率监测器     

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

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

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

如果要从元素中删除浮动，则 Bootstrap 4 有一个名为 float-none 的类。这将删除浮动 - 此文本位于左侧（浮动已删除）。默认值为左侧。设置 float-none 类后，文本将移动到左侧，这也是默认的对齐设置。您可以尝试运行以下代码以实现 float-none 类 -示例在线演示  Bootstrap 示例                  演示      此文本位于左侧（在小型屏幕上）。 ... 阅读更多

在不同设备（如小型、中型、大型等）上，如果要将元素浮动到左侧，则使用 float-*-left 类。以下是您可以使用的类 -小型设备：float-sm-left 中型设备：float-md-left 大型设备：float-lg-left让我们看看在不同屏幕上将元素浮动到左侧的示例 -示例在线演示      Bootstrap 示例                                 演示            此文本位于左侧（在小型屏幕上）。      此文本位于左侧（在中型屏幕上）。      此文本位于左侧（在大屏幕上）。      此文本位于左侧（在特大屏幕上）。     

要在 Bootstrap 中创建卡片，请使用 .card 类并添加卡片主体 - 基本卡片您还可以使用 card-title 和 card-title 类分别设置 Bootstrap 卡片标题和卡片页脚。以下是创建 Bootstrap 卡片的代码 -示例在线演示      Bootstrap 示例                                 演示卡片           这是卡片的主体。