要在 Bootstrap 卡片上設定否定操作，請使用 bg-warning 類與卡片類一起使用，如下例所示 - 超過 20 名學生未能透過畢業考試。讓我們看一個在 Bootstrap 4 中為卡片設定否定操作的示例 -示例線上演示      Bootstrap 示例                                 結果            超過 20 名學生未能透過畢業考試。     

使用 card-subtitle 類為卡片設定副標題。card-subtitle 類用法如下所示 -體育這裡，我以“室內”為例設定了副標題。副標題類位於 card-title Bootstrap 類之後 - 體育 室內 壁球、飛鏢、國際象棋讓我們看看在 Bootstrap 4 中使用 card-subtitle 類的示例 -示例線上演示  Bootstrap 示例                              室內和室外運動                          體育      室內      壁球、飛鏢、國際象棋                        體育      室外      板球、足球、曲棍球                     

使用 btn-outline-seondary 類在 Bootstrap 4 中設定灰色邊框以顯示不太重要的資訊。以下是設定 Bootstrap 按鈕以新增灰色邊框的程式碼 - 更多讓我們看看如何實現 btn-outline-secondary 類 -示例線上演示      Bootstrap 示例                                 工具  以下是工具：      線上編譯器      圖片編輯器      圖片最佳化器      白板      有關更多工具，請點選下方：  更多

要在 Bootstrap 中設定不太重要的內容，請使用帶有 bg-secondary 上下文類的卡片類，如下所示 -設定卡片主體以及使用 card-body 類 - 健身追蹤器讓我們看看如何設定帶有不太重要內容的卡片 -示例線上演示      Bootstrap 示例                                 健身產品            健身追蹤器              心率監測器     

在 Bootstrap 中使用 float-*-right 類將元素浮動到右側。不同的螢幕尺寸包括為小型、中型、大型和特大型設定浮動。讓我們看看如何在小型和中型螢幕尺寸上將元素浮動到右側 -小型螢幕尺寸  此文字位於右側（在小型螢幕上）。中型螢幕尺寸  此文字位於右側（在中型螢幕上）。讓我們看看如何在不同螢幕上將元素放置在右側 -示例線上演示  Bootstrap 示例          ... 閱讀更多

如果要在不同螢幕尺寸上將元素浮動到右側，則使用 float-*-right 類，即以下是小型、中型、大型和特大型裝置的用法 - 此文字位於右側（在小型螢幕上）。 此文字位於右側（在中型螢幕上）。 此文字位於右側（在大螢幕上）。 此文字位於右側（在特大螢幕上）讓我們看看在不同螢幕尺寸上將元素浮動到右側的完整示例 -示例線上演示  Bootstrap 示例  ... 閱讀更多

如果要將元素浮動到右側，則需要使用 float-right 類。將其設定在右側 - 文字位於右側！讓我們看一個將元素浮動到右側的示例 -示例線上演示  Bootstrap 示例                    指南            文字位於右側！      這是演示文字。     

如果要從元素中刪除浮動，則 Bootstrap 4 有一個名為 float-none 的類。這將刪除浮動 - 此文字位於左側（浮動已刪除）。預設值為左側。設定 float-none 類後，文字將移動到左側，這也是預設的對齊設定。您可以嘗試執行以下程式碼以實現 float-none 類 -示例線上演示  Bootstrap 示例                  演示      此文字位於左側（在小型螢幕上）。 ... 閱讀更多

在不同裝置（如小型、中型、大型等）上，如果要將元素浮動到左側，則使用 float-*-left 類。以下是您可以使用的類 -小型裝置：float-sm-left 中型裝置：float-md-left 大型裝置：float-lg-left讓我們看看在不同螢幕上將元素浮動到左側的示例 -示例線上演示      Bootstrap 示例                                 演示            此文字位於左側（在小型螢幕上）。      此文字位於左側（在中型螢幕上）。      此文字位於左側（在大螢幕上）。      此文字位於左側（在特大螢幕上）。     

要在 Bootstrap 中建立卡片，請使用 .card 類並新增卡片主體 - 基本卡片您還可以使用 card-title 和 card-title 類分別設定 Bootstrap 卡片標題和卡片頁尾。以下是建立 Bootstrap 卡片的程式碼 -示例線上演示      Bootstrap 示例                                 演示卡片           這是卡片的主體。