开发者学堂课程【移动 Web 前端开发：less-bootstrap 源码的组成】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/594/detail/8489
less-bootstrap源码的组成
内容介绍
一、 主要内容
二、 变量模块
三、 方法模块
四、主路口
一、主要内容
(1)、less 的五种基本语法：声明变量，定义 mixin，导入，嵌套，计算和内置函数。
(2)、使用 Bootstrap 完成微金所站点的目的：
1、了解什么是响应式开发
2、了解 Bootstrap 如何使用。
(3)、Bootstrap 中包含了起步，全局 css 样式，组件，JavaScript 插件，定制，网站实例等，网站实例是一些用 Bootstrap 开发的网站。
在 Bootstrap 官网的起步中点击下载，可以看到有用于生产环境中的Bootstrap 和 Bootstrap 源码以及 Sass，查看Bootstrap 的源码需要下载 Bootstrap 源码。
下载 Bootstrap 源码，了解 Bootstrap 源码的组成和定制。
解压该源码，其中包含很多 less 文件。
Bootstrap 是一个比较大的框架，其中包含了很多模块，比如 variables 专门定义变量，mixin 专门定义混入，Bootstrap 通过这些不同的模块进行维护。
二、变量模块
打开 variables.less 这是专门定义变量的，有与颜色相关的变量，比如：
1、最基础的黑色：@gray-base：#222
2、比黑色亮13.5%的颜色：@gray-daker：lighten（@gray-base：，13.5%）;//222。
3、正常的颜色：@brand-primary：darken(#428bca,6.5%);
// #337ab7成功的颜色：@brand-suceess：#5cb85c；
4、信息颜色：@brand-Info：#5bc0de；
5、警告颜色：@brand-warnings：#f0ad4e；
6、危险颜色：@brand-danger：#d9534f；
这些颜色都是在 variables.less 中作定义的。如果要修改全局使用的危险颜色，只需要在这里进行修改，维护这个文件就可以维护框架中大部分内容。
在 variables.less 中还包括了很多组件，表格组件，按钮组件，表单组件等变量。每个模块都有对应的变量。
三、方法模块
Mixins.less 专门定义方法，Mixins.less 中的内容都是通过 @import 导入的。
包括组件，布局等方法，都是按模块进行划分的。一个 less 文件代表一个模块。比如 @import “mixins/grid.less”
所有的栅格混入方法都在这个文件中。这里所有的都是上一级目录下的同一级的 mixins 目录下的文件，导的是另外一个文件夹下的文件，这是一个路径。
Mixins 中导入的所有的都是 less 定义的 Mixin 的一些文件。打开 Mixins 文件夹，这里 less 定义的都是混入方法。例如：alert.less 中是一个函数。
bootstrap 中有很多模块组件插件，variables 专门定义变量，mixin 专门定义方法，alerts.less 是提示模块，grid.less 中都是与栅格系统有关的。维护 bootstrap 就是通过这些文件进行维护的。
四、主路口
其中，bootstrap.less 文件是所有 less 的主路口，文件中都是 @import 导入，包括导入核心变量和混入方法，全局 css 样式，组件相关的样式，比如导航菜单，导航条，分页，列表组，进度条，媒体对象，工具提示。JavaScript 的组件等。
JavaScript 的组件包括有弹窗，工具提示，轮播图等。通过功能组件模块，每个 less 描述一个模块。通过这样的方式便于 bootstrap 的维护。
比如，当不需要轮播图时，在该文件中删除
@import”carousel.less”,再编译一次，bootstrap 的源码当中就没有轮播图了。
通过 less 整体的构建方式，来进行 bootstrap 框架的开发和维护是非常灵活的。
