如果你想在Bootstrap中換行flex專案，請使用flex-wrap類。要換行，請使用 −       印度   美國   英國   澳大利亞   丹麥 你可以嘗試執行以下程式碼來避免flex專案的換行 −示例線上演示       Bootstrap示例                             Flex示例     換行 - 是           印度       美國       英國       澳大利亞       丹麥       印度       波蘭       荷蘭       愛爾蘭       巴西       俄羅斯       摩洛哥         換行 - 否           印度       美國       英國       澳大利亞       丹麥       印度       波蘭       荷蘭       愛爾蘭       巴西       俄羅斯       摩洛哥          

要在Bootstrap卡片中設定標題後的副標題，請使用card-subtitle類。讓我們來看看如何操作 −   設定副標題 在card-title類之後，並在card-body類內部新增以上內容 −   運動   室內   壁球、飛鏢、國際象棋 你可以嘗試執行以下程式碼在Bootstrap卡片中設定副標題 −示例線上演示       Bootstrap示例                             室內運動                   運動         室內         壁球、飛鏢、國際象棋            

使用flex-*-fill類可以設定flex專案在不同螢幕上具有相等的寬度，如下面的程式碼片段所示 −對於小型螢幕   A   B   C 對於中型螢幕   A   B   C 以下是如何實現flex-*fill類的示例 −示例線上演示       Bootstrap示例                               Flex（小型螢幕）           A       B       C         Flex（中型螢幕）           A       B       C         Flex（大型螢幕）           A       B       C      

如果你想為元素設定右圓角，請在Bootstrap 4中使用rounded-right類。將其新增到網頁並非一項繁瑣的任務。只需將該類新增到div類中 −上面的類用於設定div的樣式 − .one {   width: 200px;   height: 100px;   background-color: #00FF00;   margin: 8px; } 你可以嘗試執行以下程式碼來實現rounded-right類 −示例線上演示       Bootstrap示例                             .one {        width: 200px;        height: 100px;        background-color: #00FF00;        margin: 8px;     }         圓角   我們有一個帶有右圓角的矩形：

要設定Bootstrap卡片的容器，你需要使用card-body類。它允許你新增內容以下為card-body類 −   卡片主體 並將以上內容設定在card類內部，如下面的程式碼片段所示 −   卡片主體。你可以嘗試執行以下程式碼來實現card-body類 −示例線上演示       Bootstrap示例                             三級標題           卡片主體。      

Bootstrap中的hidden.bs.tooltip事件在工具提示隱藏時觸發 −$("[data-toggle='tooltip']").on('hidden.bs.tooltip', function(){   alert('工具提示現在已完全隱藏。'); });data-toggle屬性如以下所示設定 −   時間 你可以嘗試執行以下程式碼來實現hidden.bs.tooltip事件 −示例線上演示       Bootstrap示例                             事件     此處將使用“顯示”按鈕顯示工具提示，並可以使用“隱藏”按鈕將其隱藏。     時間 ... 閱讀更多

在Bootstrap中使用card-deck類可以形成具有相等寬度和高度的卡片網格。將卡片設定在以下div內 −   讓我們現在在card-deck類中設定卡片網格 −           沒有什麼新內容！   你可以嘗試執行以下程式碼來實現card-deck類示例線上演示       Bootstrap示例                               演示資訊     注意：調整瀏覽器大小以檢視效果。                             沒有什麼新內容！                                      警告！編譯時錯誤！          再次檢查！                             我們贏了！            

要新增懸停效果，請在Bootstrap中使用card-link類。以下是使用card-link類的連結 −XAMPP（MySQL + PHP + Apache） WordPress以上所有程式碼都在card-body類中使用 −   WordPress安裝   要使用WordPress，你需要以下內容   XAMPP（MySQL + PHP + Apache）   WordPress 你可以嘗試執行以下程式碼在Bootstrap 4卡片中新增懸停效果 −示例線上演示      Bootstrap示例                           需求 - WordPress             WordPress安裝       要使用WordPress，你需要以下內容       XAMPP（MySQL + PHP + Apache）       WordPress        

要對齊flex專案，請使用justify-content-*類。使用以下任何一項來對齊flex專案：開始、結束、周圍和之間。justify-content-start – 將Flex專案對齊到開始位置 justify-content-end  - 將Flex專案對齊到結束位置 justify-content-around – 在不同螢幕尺寸上將flex專案對齊到周圍 justify-content-between  - 在不同螢幕尺寸上將flex專案對齊到之間讓我們來看一個將flex專案對齊到開始位置的示例 −   排名1   排名2   排名3 以下是如何實現justify-content-*類的示例 −示例線上演示   Bootstrap示例                     排名1     排名2     排名3         排名1     排名2     排名3         排名1     排名2     排名3  

要在Bootstrap中將元素浮動到左側，請使用float-left類。使用該類，將元素設定在左側，如下所示 −   我在左邊。將其設定在其他元素上，例如，, , 等 −   標題在左邊。你可以嘗試執行以下程式碼將元素放在左側 −示例線上演示   Bootstrap示例                 演示           我在左邊。       我在右邊。       我在左邊。       我在右邊。