20、深入探索Bootstrap：从定制下载到优化HTML结构

深入探索Bootstrap：从定制下载到优化HTML结构

1. 剖析Bootstrap主题混合文件

Bootstrap除了核心样式和混合文件外，还提供了许多额外的混合文件，这些文件被整合到Bootstrap主题的JavaScript和CSS文件中。这些混合文件可以在GitHub仓库的 less 文件夹下的 mixins 子文件夹中查看，但在从 http://www.getbootstrap.com 下载文件时，它们不会出现在“源代码”选项中。这些混合文件可以分为以下几类：
| 分类 | 混合文件名称 | 用途 |
| ---- | ---- | ---- |
| 工具类 | hide-text.less | 使用CSS图像替换时隐藏图像 |
| 工具类 | opacity.less | 设置不透明度级别 |
| 工具类 | image.less | 使图像具有响应式特性 |
| 工具类 | labels.less | 定义标签的颜色 |
| 工具类 | reset-filter.less | 移除渐变背景时重置IE的过滤器 |
| 工具类 | resize.less | 当元素溢出不可见时调整其大小 |
| 工具类 | responsive-visibility.less | 为响应式工具提供响应状态 |
| 工具类 |