三、bootstrap v3的变量系统是如何设置的？

bootstrap v3的变量系统是如何设置的？

变量系统是贯穿整个ui框架的重要设置，通过设置统一的变量，控制系统统一的色调、间距、响应式设置等参数。

那么，像bootstrap这样一个庞大的UI框架，是如何通过变量系统来控制的呢？那么下面我们来细品。

还是打开上一章我们下载的sass源码，stylesheets>bootstrap>_variables.scss
_variables.scss文件内，就是变量的设置源码。虽然这个文件不会产生任何实际样式，但是通过统一的设置和引用，它将作用到所有组件、布局及各种设置。

ps：在sass的语法中，带下划线的源码，编译之后是不会生成文件的。

下面我们重点分析部分重要变量区块的设置（因为仅变量就有875行设置～～）。

色彩变量

主体色彩设置是这样的：

//== Colors
//
//## Gray and brand colors for use across Bootstrap.

$gray-base: