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