Bootstrap入门学习(二)——目录文件介绍

简介: 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


目录
相关文章
|
前端开发 JavaScript
Bootstrap 入门学习
Bootstrap 入门学习
72 0
|
Java 关系型数据库 MySQL
[笔记]Springboot入门《一》springboot+jpa+bootstrap+crud
[笔记]Springboot入门《一》springboot+jpa+bootstrap+crud
|
缓存 资源调度 前端开发
Bootstrap相关优质项目学习清单
Bootstrap相关优质项目学习清单
47 0
|
前端开发 JavaScript
BootStrap基础学习
BootStrap基础学习
63 0
|
前端开发 网络协议 API
学习Netty BootStrap的核心知识,成为网络编程高手!
学习Netty BootStrap的核心知识,成为网络编程高手!
192 0
|
JSON 前端开发 JavaScript
地图集web项目_技术学习(二)_bootstrap分页的例子
地图集web项目_技术学习(二)_bootstrap分页的例子
129 0
|
监控 前端开发
bootstrap 组件之 进度条 滚动监控 旋转加载 消息推送框 组件学习总结
bootstrap 组件之 进度条 滚动监控 旋转加载 消息推送框 组件学习总结
|
前端开发
bootstrap 组件之 输入框组 超大屏幕 列表组件学习总结
bootstrap 组件之 输入框组 超大屏幕 列表组件学习总结
|
前端开发
bootstrap 组件之表单 组件学习总结
bootstrap 组件之表单 组件学习总结