要在指示信息的按钮上设置轮廓，需要在 Bootstrap 中使用 btn-outline-info 类。包含按钮元素并设置 btn-outline-info 类 −  更多信息 您可以尝试运行以下代码来实现 btn-outline-info 类 −示例在线演示     Bootstrap 示例                       事件   以下是详细信息：     事件时间 下午 1 点至下午 4 点     地点：阿拉巴马州 HG 街 21 KH     有关活动的更多信息：  更多信息

使用 bg-primary 类和 card 类将关键内容添加到 Bootstrap 卡片中。在 card 类中使用 bg-primary 类 −     艾斯纳奖 我在上面使用了 text-white 类，将文本设置为白色。让我们来看一个如何在 Bootstrap 4 卡片中包含关键内容的示例 −示例在线演示     Bootstrap 示例                       奖项           普利策奖             艾斯纳奖             雨果奖和星云奖        

要在 Bootstrap 4 中将弹性项目对齐到中心，请使用 .align-self-center 类。以下是我的弹性 div −现在添加弹性项目，在这里我在第 3 个弹性项目上应用了 align-self-center 类 −   A-one   B-one   C-one   D-one 您可以尝试运行以下代码来在 Bootstrap 中实现 align-self-center 类 −示例在线演示     Bootstrap 示例                       将特定弹性项目对齐到中心         A-one     B-one     C-one     D-one    

使用 card-link 类可以为卡片中的任何链接添加悬停效果和蓝色。以下代码片段显示了三个使用 Bootstrap 4 中的 card-link 类具有悬停效果的链接 −   网站开发   应用开发 (iOS)   应用开发 (Android) 尝试以下代码来实现 card-link 类 −示例在线演示     Bootstrap 示例                       服务               公司       我们提供以下技术开发服务：       网站开发       应用开发 (iOS)       应用开发 (Android)          

要为 Bootstrap 4 卡片设置浅灰色背景，请使用 bg-light 类。像在 Bootstrap 中使用任何其他类一样使用“card bg-light”−   图片编辑器 上述内容为 Bootstrap 卡片提供了浅灰色背景。让我们来看一个 card-light 类的示例 −示例在线演示     Bootstrap 示例                       网络工具           图片编辑器           图片优化器        

在 Bootstrap 中使用 float-right 类可以将元素放置在右侧。默认文本对齐方式位于左侧，使用 float-right 类可以像以下代码片段一样将文本对齐到右侧 −   此文本位于右侧。它也可以用于任何其他元素，例如， ， ，等等 −   在右侧 您可以尝试运行以下代码来实现 float-right 类 −示例在线演示     Bootstrap 示例                       示例       此文本位于右侧。       此文本位于左侧。       浮动已移除      

要从起始位置对齐聚集的项目，请在 Bootstrap 4 中使用 .align-content-start 类。按如下所示设置项目 −   工作 1   工作 2   工作 3   工作 4   工作 5   工作 6 您可以尝试运行以下代码来在 Bootstrap 4 中实现 align-content-start −示例在线演示     Bootstrap 示例                       对齐弹性项目         工作 1     工作 2     工作 3     工作 4     工作 5     工作 6     工作 7     工作 8     工作 9     工作 10     工作 11     工作 12     工作 13     工作 14      

在 Bootsrap 4 中使用 btn-outline-light 类可以设置浅灰色的轮廓按钮。要在网页上包含它，请将其设置为元素中的类，如下面的代码片段所示 −让我们来看一个实现 btn-outline-light 类的示例 −示例在线演示     Bootstrap 示例                       演示按钮 下面是一个浅灰色的轮廓按钮：     样例

要设置蓝色的 Bootstrap 4 轮廓按钮，请使用 .btn-outline-primary 类。向按钮添加蓝色轮廓 −   蓝色轮廓 您可以尝试运行以下代码来在 Bootstrap 中实现 btn-outline-primary 类 −示例在线演示     Bootstrap 示例                       Bootstrap 4     您可以在下面看到蓝色轮廓：     蓝色轮廓

使用 card-header 类可以创建 Bootstrap 卡片标题 −   这是标题 包含卡片标题后，您可以添加卡片正文和页脚，如下面的代码片段所示 −   这是演示内容。   这是页脚。 您可以尝试运行以下代码来在 Bootstrap 4 中实现 card-header 类 −示例在线演示     Bootstrap 示例                       演示标题           这是标题         这是演示内容。         这是页脚