in English
選項
使用內置變量快速自定義 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-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 後綴。 |