一、目录结构
解压下载的源码压缩包,我们可以看到如下目录结构:
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