1.3 文件结构

解压下载的压缩包（编译版），可以看到如下结构的文件夹和文件。这些文件按照类别放到了不同的文件夹内，并且提供了压缩与未压缩两种版本。

dist/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.min.css
│   ├── bootstrap-theme.css
│   └── bootstrap-theme.min.css
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    └── glyphicons-halflings-regular.woff

由上述文件结构可以看出，Bootstrap3.x版和2.x系列版本有一个很大的区别，就是2.x系列版本用于展示icon小图标的.png图片不见了，取而代之的是fonts目录的4种类型的字体文件。我们称这种方式为@font-face版本的icon实现，该字体来自glyphicons.com网站，并得到免费授权。

所谓@font-face，其实是通过CSS里的@font-face语法，将安全的Web字体（Web Font）即时下载到客户端，从而进行引用显示。通过这种技术显示图标的好处是，图标可以被任意缩放、改变颜色，你需要做的只是像修改文字样式那样修改图标样式即可（关于@ font-face的详细解释和用法，请阅读4.1节）。

其他文件结构和之前的2.x系列版本一样，bootstrap.min.css和bootstrap.min.js是压缩后的文件，用于生产环境使用，而普通的bootstrap.css和bootstrap.js是用于开发环境进行调试、分析的。可以将该目录结构拖拽到任何Web项目直接使用。

你也可以根据自己的程序结构，对上述的css、js文件夹名称进行随意重命名，但是不能对fonts文件夹进行重命名，因为CSS文件里的源码使用了相对路径（../fonts/），如果重命名了，那就读取不到这些字体文件了。

建议大家在阅读本书的过程中，使用未经压缩的文件，以便进行分析、阅读、学习。

注意

❑ Bootstrap所有的JavaScript插件都依赖于jQuery库，要确保在使用这些功能的时候引用相应的jQuery文件。

❑ 字体文件是使用Mac下的应用软件ImageOptim（http://imageoptim.com）对.png图片进行压缩得到的。