选项

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

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

¥Customize Bootstrap with our built-in custom variables file and easily toggle global CSS preferences with new $enable-* Sass variables. Override a variable’s value and recompile with npm run test as needed.

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

¥You can find and customize these variables for key global options in Bootstrap’s scss/_variables.scss file.

变量	值	描述
`$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`、`.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`	设置为 `false` 可在使用任何计划在 `v6` 中移除的弃用混合宏和函数时隐藏警告。
`$enable-important-utilities`	`true`（默认）或 `false`	在实用程序类中启用 `!important` 后缀。
`$enable-smooth-scroll`	`true`（默认）或 `false`	全局应用 `scroll-behavior: smooth`，但用户通过 `prefers-reduced-motion` 媒体查询请求减少动效的情况除外。