要為元素（例如 `div`）新增左圓角，請在 Bootstrap 4 中使用 `rounded-left` 類。設定左圓角：您可以嘗試執行以下程式碼來實現 `rounded-left` 類：示例線上演示 Bootstrap 示例

使用 `.justify-content-*-end` 類可在不同螢幕尺寸下將彈性專案對齊到末尾，例如：對於小螢幕，使用 `justify-content-sm-end`；對於中螢幕，使用 `justify-content-md-end`；對於大螢幕，使用 `justify-content-lg-end`。讓我們看看如何在小、中、大螢幕尺寸上水平對齊彈性專案：示例線上演示 Bootstrap 示例

在 Bootstrap 4 中使用 `justify-content-*-center` 類可在不同螢幕尺寸下居中內容。對於不同的螢幕尺寸：`justify-content-sm-center`：小螢幕尺寸；`justify-content-md-center`：中螢幕尺寸；`justify-content-lg-center`：大螢幕尺寸；`justify-content-xl-center`：特大螢幕尺寸。讓我們看看如何實現 `justify-content-*-center` 類：示例線上演示 Bootstrap 示例

在 Bootstrap 4 中，將 `bg-info` 類與 `card` 類一起使用，可在卡片中新增資訊：現在在其中包含 `card-body` 類： 帶上你的筆記型電腦參加訓練營 讓我們來看一個例子，學習如何在 Bootstrap 4 中使用 `bg-info` 類與 `card` 類一起使用：示例線上演示 Bootstrap 示例

要在不同螢幕尺寸下將彈性專案環繞對齊，請使用 `justify-content-*-around` 類。您可以實現以下結果，該結果在小螢幕和中螢幕尺寸上對齊內容：要在 Bootstrap 中實現 `justify-content-*-around` 類：示例線上演示 Bootstrap 示例

在 Bootstrap 中使用 `justify-content-*-around` 類可在不同螢幕尺寸下將彈性專案環繞對齊：`justify-content-sm-around`：在小螢幕尺寸上對齊內容；`justify-content-md-around`：在中螢幕尺寸上對齊內容；`justify-content-lg-around`：在大螢幕尺寸上對齊內容。例如，讓我們看看如何為中等螢幕裝置對齊彈性專案 (`justify-content-md-around`)： 排名1 排名2 排名3 您可以嘗試執行以下程式碼來實現 `justify-content-*`：示例線上演示 Bootstrap 示例

使用 Bootstrap 4 中的 `flex-column-reverse` 類反轉彈性專案的順序。設定 `flex-column-reverse` 類，如下所示：新增要包含在 Bootstrap 4 中的彈性專案： 演示1 演示2 演示3 以下是如何實現 `flex-column-reverse` 類的示例：示例線上演示 Bootstrap 示例

使用 Bootstrap 4 中的 `card-columns` 類建立卡片網格：在 `card-columns` 類中設定卡片類： 一 讓我們來看一個例子，說明 `card-columns` 類的用法：示例線上演示 Bootstrap 示例

在 Bootstrap 中使用 `card-body` 類來設定卡片內容的容器： 卡片1正文 現在將其新增到 Bootstrap 卡片類中： 卡片1正文 您可以嘗試執行以下程式碼來設定 Bootstrap 4 卡片內容的容器：示例線上演示 Bootstrap 示例

使用 Bootstrap 中的 `.justify-content-*` 類來對齊 flex 專案，例如從起始位置、結束位置、居中、分佈等等。對於 `justify-content-start`，對齊後的 flex 專案將排列如下：- 對於 `justify-content-end`，對齊後的 flex 專案將排列如下：- 對於 `justify-content-around`，對齊後的 flex 專案將排列如下：-讓我們看看如何對齊內容 -示例演示   Bootstrap 示例                       排名 1       排名 2       排名 3               排名 1       排名 2       排名 3               排名 1       排名 2       排名 3