在 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; } 標題二 矩形缺少頂部邊框。