在Bootstrap 4中，我们可以通过一系列的全局选项，在项目中轻松定制所有的组件。这些选项通过Sass变量来处理。通过内置的Gruntfile，可以简单改变一个变量的值，并重新编译。
可用的变量
您可以在_variables.scss文件找到这些变量并自定义这些变量。
变量 值 Description
$spacer 1rem （默认）, 或者任何大于0的值 为间隔工具指定默认的间隔值
$enable-flex true 或 false （默认） 给display: flex交换float和display: table样式。
$enable-rounded true （默认） or false 为各种组件启用预定义的border-radius样式。
$enable-shadows true 或 false （默认） 为各种组件启用预定义的box-shadow样式。
$enable-gradients true 或 false （默认） 通过background-image为各种组件启用预定义的渐变
$enable-transitions true （默认） 或 false 为各种组件启用预定义的transition（过渡）
$enable-hover-media-query true 或 false （默认） … |
发表于 2024-11-7 15:53
|