Bootstrap 源码版文件结构

源码版的Bootstrap提供了CSS、JavaScript的源文件，以及一份文档，还有使用 ImageOptim 工具压缩后的图片文件。

源码版的所有文件，也是按逻辑进行分类存储。将下载的文件解压，你可以看到以下目录结构和内容：

  bootstrap/
    ├── docs/
    │   ├── base-css.html
    │   ├── components.html
    │   ├── customize.html
    │   ├── …
    ├── less/
    │   ├── accordion.less
    │   ├── alerts.less
    │   ├── bootstrap.less
    │   ├── …
    ├── js/
    │   ├── bootstrap-affix.js
    │   ├── bootstrap-alert.js
    │   ├── bootstrap-button.js
    │   ├── …
    └── img/
        ├── glyphicons-halflings.png
        └── glyphicons-halflings-white.png      

源码版的Bootstrap共包含4个目录：

1、docs目录：存储Bootstrap的参考文档。单击该文件夹中的index.html文件，可以查阅所有参考文档。在examples子目录中，可以浏览Bootstrap的应用示例。

2、less目录：存储所有以 .less 作为扩展名的CSS动态脚本文件，它们可以通过任何文本编辑软件打开。Less是动态样式表语言，需要编译才能在页面中应用，即只有 .less 文件被解析为CSS样式后，才可以被浏览器正确执行。

3、js目录：存储各种jQuery插件，以及交互行为所需要的JavaScript脚本文件，每一个插件都是一个独立的JS文件，可以根据需要独立引入。

4、img目录：包括 glyphicons-halflings.png 和 glyphicons-halflings-white.png两张图片，它们是通过CSS Sprites技术，把所有的图标整合到一个图片文件中的图标文件。两张图片的效果完全相同，不同的是，前者是白底黑色图标，后者是黑底白色图标。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》，并全部在 GitHub 上开源。