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


上一篇:ResultSetMetaData类的介绍


下一篇:企业CRM项目实施调研内容有那些?