选项

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

On this page

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

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

Variable	Values	Description
`$spacer`	`1rem` (default), or any value > 0	指定默认间隔值以编程方式生成间隔实用程序。
`$enable-rounded`	`true` (default) or `false`	在各种构件上启用预定义的边界半径样式。
`$enable-shadows`	`true` or `false` (default)	在各种组件上启用预定义的装饰框阴影样式。不影响用于焦点状态的框阴影。
`$enable-gradients`	`true` or `false` (default)	通过各种组件上的背景图像样式启用预定义的渐变。
`$enable-transitions`	`true` (default) or `false`	在各种组件上启用预定义的转换。
`$enable-reduced-motion`	`true` (default) or `false`	启用“首选简化运动媒体”查询，该查询将根据用户的浏览器/操作系统首选项抑制某些动画/变换。
`$enable-grid-classes`	`true` (default) or `false`	启用为网格系统生成CSS类（例如.row、.col-md-1等）。
`$enable-caret`	`true` (default) or `false`	启用伪元素插入符号。下拉切换。
`$enable-button-pointers`	`true` (default) or `false`	将“手”光标添加到非禁用按钮元素。
`$enable-rfs`	`true` (default) or `false`	全局启用RFS。
`$enable-validation-icons`	`true` (default) or `false`	启用文本输入中的背景图像图标和一些用于验证状态的自定义窗体。
`$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`后缀。