使用内置变量快速自定义 Bootstrap，以轻松切换全局 CSS 首选项以控制样式和行为。
使用我们内置的自定义变量文件自定义 Bootstrap，并使用新的 Sass 变量轻松切换全局 CSS 首选项。覆盖变量的值并根据需要重新编译。$enable-*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-shadowbox-shadow |
$enable-gradients | true或（默认）false | 通过各种组件上的样式启用预定义的渐变。background-image |
$enable-transitions | true（默认）或false | 在各种组件上启用预定义的 s。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.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 | 启用负保证金效用的生成。 |
$enable-deprecation-messages | true（默认）或false | 设置为 以在使用计划在 中删除的任何已弃用的 mixin 和函数时隐藏警告。falsev6 |
$enable-important-utilities | true（默认）或false | 在实用程序类中启用后缀。!important |
$enable-smooth-scroll | true（默认）或false | 适用于全球，但通过 prefers-reduced-motion 媒体查询请求减少运动的用户除外scroll-behavior: smooth |