Bootstrap 4 里面添加了几个选项，你可以用它们更方便的去自定义组件的样式。比如是否要在组件里使用 Flexbox，阴影，圆角，还有渐变等等。

这些选项就是一些 Sass 变量，配置一下这些变量的值，然后重新再去编译一下 Bootstrap 的 CSS 就可以了。在 bootstrap/scss，这个目录的下面，打开 _variables.scss 这个文件 ..

搜索一下 // Options .. 在这个区域里定义的就是一些自定义的选项 .. 比如这个 $enable-rounded .. 启用圆角 .. 它的值是 true ，表示在组件里使用圆角的效果。 下面把它的值改成 false ..

在这个页面上，有一个按钮，这个按钮的周围会有一个圆角的效果 .. 这是默认的样式 .. 保存一下修改 .. 因为我们使用命令监视了文件的变化 .. 所以会自动去编译 Bootstrap 的 CSS .. 去掉组件里面使用圆角效果的地方 ..

你会看到，这个按钮周围的圆角效果就不见了 .. 这些选项里，还有 $enable-shadows .. 启用阴影 .. 默认是 false，意思就是不在组件里使用阴影效果 .. 如果把它修改成 true ，就会在一些组件的样式里加上阴影的效果 ..

$enable-gradients 这个选项影响的组件的渐变效果 .. $enable-transitions 是转场过渡的动画效果 .. $enable-hover-media-query .. 使用 media query 的 hover 功能。这个功能会检测设备是否支持悬停功能 ..