Skip to main content

起步

简要介绍 Bootstrap,以及如何下载、使用,还有基本模版和案例,等等。

--本章内容翻译由:樊潇洁友情提供

自定义选项

在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 (默认)