赛捷软件论坛 - Powered by Discuz! Board

标题: Bootstrap4 自定义选项 [打印本页]

作者: vicky.yu 时间: 2024-11-7 15:53 标题: Bootstrap4 自定义选项

在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 （默认） …

欢迎光临赛捷软件论坛 (http://sagesoft.cn/bbs/)