1.4、Bootstrap V4自学之路------起步---自定义选项

自定义选项

在Bootstrap 4中,我们已经加了一系列的全局选项,让你能够在项目中轻松定制所有的组件。这些选项通过Sass变量来处理。通过内置的Gruntfile,可以简单改变一个变量的值,并重新编译。

可用的变量

您可以在_variables.scss文件找到这些变量并自定义这些变量。

变量 Description
$spacer 1rem (默认), 或者任何大于0的值 为间隔工具指定默认的间隔值
$enable-flex truefalse (默认) display: flex交换floatdisplay: table样式。
$enable-rounded true (默认) or false 为各种组件启用预定义的border-radius样式。
$enable-shadows truefalse (默认) 为各种组件启用预定义的box-shadow样式。
$enable-gradients truefalse (默认) 通过background-image为各种组件启用预定义的渐变
$enable-transitions true (默认) 或 false 为各种组件启用预定义的transition(过渡)
$enable-hover-media-query truefalse (默认)

知道_variables.scss中,可以自定义一些属性的变量。

你可能感兴趣的:(bootstrap,V4,V4,BootstrapV4,BootstrapV4)