JSRUN 用代码说话

自定义选项

编辑教程

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 (默认)
JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟