boostrap（1）之 less文件分析

参考1：Bootstrap 源码解析

参考2：Bootstrap源码分析系列之总体架构

bootstrap3.3.7：

// Core variables and mixins 核心变量和混入

// 定义变量，方便后面调用
@import "variables.less";
// 定义混合，相似函数或者宏，在mixins文件夹中能够看到所定义的函数
@import "mixins.less";

// Reset and dependencies 重置 和 依赖关系
// 标准化css 统一效果的css库，编译后对应源码为8~190行
@import "normalize.less";
// 打印样式，编译后对应源码为190~262行
@import "print.less";
// 图标样式，编译后对应源码为263~1067行
@import "glyphicons.less";

// Core CSS 核心 CSS 7个Less文件对应的源码
// 脚手架，至关于全局样式，编译后对应源码为1068~1173行
@import "scaffolding.less";
//排版样式
@import "type.less";
//代码样式
@import "code.less";
// 栅格系统，这是Bootstrap支持响应式的重点
@import "grid.less";
// 表格样式
@import "tables.less";
// 表单样式
@import "forms.less";
// 按钮样式
@import "buttons.less";

// Components 组件
// 组件中折叠和隐藏动画
@import "component-animations.less";
// 下拉菜单及下三角符号
@import "dropdowns.less";
// 按钮组
@import "button-groups.less";
// 输入框组
@import "input-groups.less";
// 导航
@import "navs.less";
// 导航条
@import "navbar.less";
// 面包屑
@import "breadcrumbs.less";
// 默认分页
@import "pagination.less";
// 翻页
@import "pager.less";
// 标签
@import "labels.less";
// 徽章
@import "badges.less";
// 巨幕
@import "jumbotron.less";
// 缩略图
@import "thumbnails.less";
// 警告框
@import "alerts.less";
// 进度条
@import "progress-bars.less";
// 媒体对象
@import "media.less";
// 列表组
@import "list-group.less";
// 面板
@import "panels.less";
// 具备响应式特性的嵌入内容
@import "responsive-embed.less";
// well效果
@import "wells.less";
// 关闭按钮图标
@import "close.less";

// Components w/ JavaScript
// 模态框
@import "modals.less";
// 工具提示
@import "tooltip.less";
// 弹出框
@import "popovers.less";
// 轮播
@import "carousel.less";

// Utility classes 实用类
// 实用工具类
@import "utilities.less";
// 响应式工具类
@import "responsive-utilities.less";