在GitHub上查看
          
        控件
使用内置变量快速自定义Bootstrap,方便快捷的切换全局CSS。
使用内置的自定义变量文件定义Bootstrap,并使用新的 $enable-* Sass变量轻松切换全局CSS。 覆盖变量的值,并根据需要使用
          npm run test 重新编译。
        
你可以在Bootstrap的 scss/_variables.scss 文件中为关键的全局选项查找和定义这些变量。
| 变量 | 值 | 描述 | 
|---|---|---|
| $spacer | 1rem(default), or any value > 0 | 指定默认的spacer值,以编程方式生成我们的spacer实用工具。 | 
| $enable-rounded | true(default) orfalse | 在各种组件上启用预定义的 border-radius样式。 | 
| $enable-shadows | trueorfalse(default) | 在各种组件上启用预定义的 box-shadow样式。 | 
| $enable-gradients | trueorfalse(default) | 通过各种组件上的 background-image样式启用预定义的渐变。 | 
| $enable-transitions | true(default) orfalse | 在各种组件上启用预定义的 transition。 | 
| $enable-reduced-motion | true(default) orfalse | 启用 prefers-reduced-motion媒体查询 ,该查询可根据用户的浏览器/操作系统首选项抑制某些动画/过渡。 | 
| $enable-grid-classes | true(default) orfalse | 为网格系统启用CSS类的生成(例如 .row,.col-md-1等)。 | 
| $enable-caret | true(default) orfalse | 在 .dropdown-toggle上启用伪元素插入符。 | 
| $enable-button-pointers | true(default) orfalse | 将“手形”光标添加到未禁用的按钮元素。 | 
| $enable-rfs | true(default) orfalse | 全局启用RFS. | 
| $enable-validation-icons | true(default) orfalse | 在文本输入中启用 background-image图标,并在某些自定义表单中启用验证状态。 | 
| $enable-negative-margins | trueorfalse(default) | 启用负值的margin实用工具的生成。 | 
| $enable-deprecation-messages | trueorfalse(default) | 将其设置为 true,以便在使用任何计划在v5中删除的已弃用mixin和函数时显示警告。 | 
| $enable-important-utilities | true(default) orfalse | 在实用工具类中启用 !important后缀。 |