Bootstrap入门学习（二）——目录文件介绍

一、目录结构

解压下载的源码压缩包，我们可以看到如下目录结构：

bootstrap/ ├── less/ ├── js/ ├── fonts/ ├── dist/ │ ├── css/ │ ├── js/ │ └── fonts/ └── docs/ └── examples/

每个目录的作用，官网文档介绍如下（可从起步页面看到）：

less/、js/ 和 fonts/ 目录分别包含了 CSS、JS 和字体图标的源码。dist/ 目录包含了上面所说的预编译 Bootstrap 包内的所有文件。docs/ 包含了所有文档的源码文件，examples/ 目录是 Bootstrap 官方提供的实例工程。除了这些，其他文件还包含 Bootstrap 安装包的定义文件、许可证文件和编译脚本等。

其中我们使用的是dist目录下的预编译文件，我们可以直接拿来在web项目中使用，它的目录结构如下： dist/ ├── css/ // 样式文件 │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css // 压缩过的css文件 │ ├── bootstrap-theme.css │ ├── bootstrap-theme.css.map │ └── bootstrap-theme.min.css // 压缩过的css文件 ├── js/ // JS文件 │ ├── bootstrap.js // 未压缩的文件 │ └── bootstrap.min.js // 压缩之后的文件 └── fonts/ // 字体文件 ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf ├── glyphicons-halflings-regular.woff └── glyphicons-halflings-regular.woff2