在 Bootstrap 4 中使用 flex-wrap 类来换行弹性项目。以下是换行弹性项目的代码片段：   .   .  

要为 Bootstrap 卡片设置容器并将其设置为组，请使用 card-group 类。使用它并创建如下所示的包含两个 Bootstrap 卡片的网格：             演示文本！                          警告！           以下是如何在 Bootstrap 中创建网格（卡片组）的示例：示例在线演示       Bootstrap 示例                           消息组                             演示文本！                                       警告！                                       做得好！                                       已选中！                        

在 Bootstrap 中使用 .modal(“toggle”) 方法来切换模态框。如下所示，模态框在点击按钮时生成：$(document).ready(function(){   $("#button1").click(function(){     $("#newModal").modal("toggle");   }); });以下是上面使用的按钮：   模态框一 您可以尝试运行以下代码来实现 modal(“toggle”) 方法：示例在线演示       Bootstrap 示例                             样例     模态框一                                         ×             样例模态框                                 点击外部关闭它。                                 关闭                                   $(document).ready(function(){     $("#button1").click(function(){       $("#newModal").modal("toggle");     });   });  

使用 card-group 类在 Bootstrap 4 中创建一组卡片：                         让我们在 Bootstrap 中创建一个像网格一样的卡片组：示例在线演示       Bootstrap 示例                             消息组                             阿根廷以令人信服的优势获胜！                                       演示文本！                                       不要穿越！                                       我做到了！                                       它奏效了！                    

在 Bootstrap 中使用 d-flex 类创建弹性容器。这里，我设置了两个弹性项目：     一   二 您可以尝试运行以下代码来实现 .d-flex 类：示例在线演示       Bootstrap 示例                             理解 Flex           一       二      

在 Bootstrap 中使用 .btn-outline-dark 类为按钮设置深色边框。以下是如何使用深色边框的示例：使用 btn-outline-dark 类为按钮设置上述边框，如下所示：   提交 您可以尝试运行以下代码来实现 btn-outline-dark 类：示例在线演示       Bootstrap 示例                               Bootstrap 4     学习  btn-outline-dark 类用法：     提交  

在 Bootstrap 中使用 border-0 类消除元素的所有边框，如下所示：   无边框 我们还在上面设置了 CSS 样式：.mystyle {   width: 120px;   height: 100px;   margin: 10px;   background: gray; }您可以尝试运行以下代码来实现 border-0 类：示例在线演示       Bootstrap 示例                               .mystyle {       width: 120px;       height: 100px;       margin: 10px;       background: gray;     }             两个矩形     橙色边框     无边框  

在 Bootstrap 4 中使用 border-white 类为元素设置白色边框。   这有白色边框 上面的 test 类为元素设置如下样式： .test {   width: 120px;   height: 100px;   margin: 10px;   background: blue; }让我们看一个如何在 Bootstrap 中实现 border-white 类的示例：示例在线演示       Bootstrap 示例                             .test {       width: 120px;       height: 100px;       margin: 10px;       background: blue;     }               两个矩形     这有白色边框     这有橙色边框  

要为元素设置橙色边框，请使用 border-warning 类：   危险（橙色边框） 为元素设置样式： .mystyle {   width: 200px;   height: 100px;   margin: 10px; }让我们看一个如何在 Bootstrap 中实现 border-warning 类的示例：示例在线演示       Bootstrap 示例                             .mystyle {       width: 200px;       height: 100px;       margin: 10px;     }             以下有两个矩形：     危险（橙色边框）  

在 Bootstrap 4 中使用 border-top-0 类来移除顶部边框。设置 border-top-0 类 - 矩形缺少顶部边框。让我们来看一个实现 border-top-0 类的示例 -示例在线演示 Bootstrap 示例 .mystyle { width: 350px; height: 170px; margin: 10px; } 标题二 矩形缺少顶部边框。