選項（Options）

使用內建變數快速自訂 Bootstrap，輕鬆切換全域 CSS 偏好設定以控制樣式和行為。

使用我們內建的自訂變數檔案自訂 Bootstrap，並透過新的 $enable-* Sass 變數輕鬆切換全域 CSS 偏好設定。根據需要覆寫變數的值並使用 npm run test 重新編譯。

您可以在 Bootstrap 的 scss/_variables.scss 檔案中找到並自訂這些關鍵全域選項的變數。

變數	值	說明
`$spacer`	`1rem`（預設），或任何 > 0 的值	指定預設的間距值，用於程式化產生我們的間距通用類別。
`$enable-dark-mode`	`true`（預設）或 `false`	在專案及其元件中啟用內建的深色模式支援。
`$enable-rounded`	`true`（預設）或 `false`	在各種元件上啟用預定義的 `border-radius` 樣式。
`$enable-shadows`	`true` 或 `false`（預設）	在各種元件上啟用預定義的裝飾性 `box-shadow` 樣式。不影響用於焦點狀態的 `box-shadow`。
`$enable-gradients`	`true` 或 `false`（預設）	在各種元件上透過 `background-image` 樣式啟用預定義的漸層。
`$enable-transitions`	`true`（預設）或 `false`	在各種元件上啟用預定義的 `transition`。
`$enable-reduced-motion`	`true`（預設）或 `false`	啟用 `prefers-reduced-motion` 媒體查詢，根據使用者的瀏覽器/作業系統偏好設定來抑制某些動畫/過渡效果。
`$enable-grid-classes`	`true`（預設）或 `false`	啟用格線系統 CSS 類別的產生（例如 `.row`、`.col-md-1` 等）。
`$enable-cssgrid`	`true` 或 `false`（預設）	啟用實驗性的 CSS Grid 系統（例如 `.grid`、`.g-col-md-1` 等）。
`$enable-container-classes`	`true`（預設）或 `false`	啟用版面配置容器 CSS 類別的產生。（v5.2.0 新增）
`$enable-caret`	`true`（預設）或 `false`	在 `.dropdown-toggle` 上啟用偽元素箭頭。
`$enable-button-pointers`	`true`（預設）或 `false`	為非停用的按鈕元素添加「手形」游標。
`$enable-rfs`	`true`（預設）或 `false`	全域啟用 RFS。
`$enable-validation-icons`	`true`（預設）或 `false`	在文字輸入框和部分自訂表單中啟用驗證狀態的 `background-image` 圖示。
`$enable-negative-margins`	`true` 或 `false`（預設）	啟用負 margin 通用類別的產生。
`$enable-deprecation-messages`	`true`（預設）或 `false`	設為 `false` 以在使用任何計劃於 `v6` 中移除的已棄用 mixins 和函式時隱藏警告。
`$enable-important-utilities`	`true`（預設）或 `false`	在通用類別中啟用 `!important` 後綴。
`$enable-smooth-scroll`	`true`（預設）或 `false`	全域套用 `scroll-behavior: smooth`，但透過 `prefers-reduced-motion` 媒體查詢請求減少動態效果的使用者除外。