要在 Bootstrap 4 中在不同屏幕上拉伸弹性项目，请使用 .align-self-*-stretch 类。要在不同屏幕上拉伸，您需要使用 align-self-sm-stretch、align-self-md-stretch、align-self-lg-stretch 等。以下是以小屏幕尺寸为例：   A-one   B-one   C-one   D-one 您可以尝试运行以下代码以在不同屏幕尺寸上拉伸弹性项目：示例实时演示       Bootstrap 示例                             对齐特定弹性项目并拉伸           A-one       B-one       C-one       D-one       小屏幕尺寸       A-one     B-one     C-one     D-one     中等屏幕尺寸         A-one     B-one     C-one     D-one     大屏幕尺寸         A-one     B-one     C-one     D-one      

在 Bootstrap 中使用 float-none 类从元素中移除浮动。文本的默认值始终为左对齐；因此，移除浮动会将文本放置在左侧。您可以尝试运行以下代码以从元素中移除浮动：示例实时演示       Bootstrap 示例                             演示           此文本位于左侧（在小屏幕上）。       此文本位于左侧（在中等屏幕上）。       此文本位于左侧（浮动已移除）。       此文本位于左侧（在超大屏幕上）。       此文本位于左侧（浮动已移除）。    

在 Bootsrap 4 中使用 btn-outline-danger 类用红色边框的按钮指示危险。以下是如何设置一个用红色边框指示危险的按钮的示例：   危险 该类是使用 Bootstrap 中的 btn 和 btn-outline-danger 类添加的：class="btn btn-outline-danger”让我们看一个实现 btn-outline-danger 类的示例：示例实时演示       Bootstrap 示例                         动物   动物处于危险之中。要了解原因，您需要点击以下内容：   危险

使用 btn-outline-warning 类为 Bootstrap 4 按钮设置橙色边框，并指示警告操作。以下是在按钮上包含橙色边框：   未录取 该类与 Bootstrap 中添加到任何元素的任何其他类一样添加。  对于 Bootstrap 按钮，我使用了该元素。您可以尝试运行以下代码以实现 btn-outline-warning 类：示例实时演示       Bootstrap 示例                         大学就业   入选学生   未录取学生   结果等待 入选和未录取学生名单：已录取 未录取

要在 Bootstrap 4 中向卡片添加信息，请使用 bg-info 类。将 card 类与 bg-info 类一起使用：之后使用 card-body 类添加卡片主体：   演示文本 您可以尝试运行以下代码以添加信息：示例实时演示       Bootstrap 示例                         节日庆祝       最迟到达下午 5 点  

在 Bootstrap 4 中使用 card-img-top 类，以将图像设置在 Bootstrap 4 中卡片内的顶部：在 card 类中添加图像：现在添加包含标题和文本的卡片主体：   Swift 4   学习 Swift 4   开始 以下是如何将图像放置在 Bootstrap 4 卡片内的顶部的示例：示例实时演示       Bootstrap 示例                             SWIFT 4 教程     Swift 4 视频教程                         Swift 4         学习 Swift 4         开始            

要将元素形成圆形，请在 Bootstrap 中使用 .rounded-circle 类。它很容易实现：让我们看一个在 Bootstrap 中创建圆形的示例：示例实时演示       Bootstrap 示例                             .test {       width: 300px;       height: 300px;       background-color: orange;     }           圆形     我们下面有一个圆形：      

要为元素设置白色边框，请使用 border-white 类。添加白色边框：   此处有白色边框 在上面，我还添加了一个样式来设置 div 元素：.mystyle {   width: 200px;   height: 100px;   margin: 10px;   background: blue; }让我们看一个在 Bootstrap 中实现 border-white 类的示例：示例实时演示       Bootstrap 示例                             .mystyle {       width: 200px;       height: 100px;       margin: 10px;       background: blue;     }         以下是两个矩形：   此处有白色边框   此处有橙色边框

在 Bootstrap 中使用 card-img-top 类将图像设置在卡片内的顶部：之后添加卡片和卡片主体：   Swift 4   学习 Swift 4   开始 您可以尝试运行以下代码以在 Bootstrap 4 中实现 card-img-top 类：示例实时演示       Bootstrap 示例                             SWIFT 4 教程     Swift 4 视频教程                         Swift 4         学习 Swift 4         开始            

使用 card-img-overlay 类将图像转换为卡片背景。您需要首先设置元素，然后在以下代码片段中使用 card-img-overlay 类：         Avro     Apache Avro 教程     学习   让我们看一个学习如何将图像转换为 Bootstrap 卡片背景的示例：示例实时演示       Bootstrap 示例                         Apach - Hadoop 工具                 Avro       Apache Avro 教程       学习