選項

使用內置變量快速自定義 Bootstrap，以輕鬆切換全局 CSS 首選項以控製樣式和行為。

使用我們內置的自定義變量文件自定義 Bootstrap，並使用新的$enable-*Sass 變量輕鬆切換全局 CSS 首選項。覆蓋變量的值並npm run test根據需要重新編譯。

scss/_variables.scss您可以在 Bootstrap 的文件中為關鍵的全局選項找到並自定義這些變量。

多變的	價值觀	描述
`$spacer`	`1rem`（默認），或任何值 > 0	指定默認間隔值以編程方式生成我們的間隔實用程序。
`$enable-rounded`	`true`（默認）或`false`	在各種組件上啟用預定義`border-radius`樣式。
`$enable-shadows`	`true`或`false`（默認）	`box-shadow`在各種組件上啟用預定義的裝飾樣式。不影響`box-shadow`用於焦點狀態的 s。
`$enable-gradients`	`true`或`false`（默認）	`background-image`通過各種組件上的樣式啟用預定義漸變。
`$enable-transitions`	`true`（默認）或`false`	`transition`在各種組件上啟用預定義的 s。
`$enable-reduced-motion`	`true`（默認）或`false`	啟用`prefers-reduced-motion`媒體查詢，它會根據用戶的瀏覽器/操作系統首選項抑制某些動畫/過渡。
`$enable-grid-classes`	`true`（默認）或`false`	允許為網格系統生成 CSS 類（例如`.row`、`.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`（默認）	啟用負邊距實用程序的生成。
`$enable-deprecation-messages`	`true`（默認）或`false`	設置為`false`在使用任何計劃在`v6`.
`$enable-important-utilities`	`true`（默認）或`false`	在實用程序類中啟用`!important`後綴。
`$enable-smooth-scroll`	`true`（默認）或`false`	全球適用，但通過媒體查詢`scroll-behavior: smooth`要求減少運動的用戶除外`prefers-reduced-motion`