选项

使用内置变量快速自定义 Bootstrap，以轻松切换全局 CSS 首选项以控制样式和行为。

使用我们内置的自定义变量文件自定义Bootstrap程序，并使用新的$enable-*Sass 变量轻松切换全局 CSS 首选项。覆盖变量的值，并根据需要使用 npm run test重新编译。

您可以在 Bootstrap 的 scss/_variables.scss 文件中为关键全局选项找到并自定义这些变量。

变量	值	描述
`$spacer`	`1rem` (default), or any value > 0	指定默认间隔符值以编程方式生成我们的 spacer utilities。
`$enable-dark-mode`	`true` (default) or `false`	在项目及其组件中启用内置的暗模式支持。
`$enable-rounded`	`true` (default) or `false`	在各种组件上启用预定义的`border-radius`样式。
`$enable-shadows`	`true` or `false` (default)	在各种组件上启用预定义的装饰性 `box-shadow`样式。不影响用于焦点状态的 `box-shadow`。
`$enable-gradients`	`true` or `false` (default)	通过各种组件上的`background-image`样式启用预定义的渐变。
`$enable-transitions`	`true` (default) or `false`	在各种组件上启用预定义的 `transition`。
`$enable-reduced-motion`	`true` (default) or `false`	启用 `prefers-reduced-motion` 媒体查询，该查询根据用户的浏览器/操作系统首选项抑制某些动画/过渡。
`$enable-grid-classes`	`true` (default) or `false`	允许为网格系统生成CSS类（例如`.row`，`.col-md-1`等）。
`$enable-container-classes`	`true` (default) or `false`	允许为布局容器生成 CSS 类。（v5.2.0 中的新功能）
`$enable-caret`	`true` (default) or `false`	在`.dropdown-toggle`上启用伪元素插入符号。
`$enable-button-pointers`	`true` (default) or `false`	将“手”光标添加到未禁用的按钮元素。
`$enable-rfs`	`true` (default) or `false`	Global enable RFS。
`$enable-validation-icons`	`true` (default) or `false`	在文本输入和一些自定义表单中启用`background-image`图标以用于验证状态。
`$enable-negative-margins`	`true` or `false` (default)	允许生成负边距实用程序。
`$enable-deprecation-messages`	`true` (default) or `false`	设置为 `false`以在使用计划在`v6` 中删除的任何已弃用的 mixin 和函数时隐藏警告。
`$enable-important-utilities`	`true` (default) or `false`	在实用程序类中启用`!important`后缀。
`$enable-smooth-scroll`	`true` (default) or `false`	全局应用“滚动行为：平滑”，但用户通过 [`prefers-reduced-motion` 媒体查询]请求减少运动(/docs/5.3/getting-started/accessibility/#reduced-motion)