选项

使用内置变量快速自定义 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`