开发者社区> longfor5> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
bootstrap深入学习
bootstrap深入学习
36 0
02_Bootstrap起步2|学习笔记
快速学习 02_Bootstrap起步2
49 0
Bootstrap 组件_输入框组1 | 学习笔记
快速学习 Bootstrap 组件_输入框组1
68 0
Bootstrap起步|学习笔记
快速学习Bootstrap起步
35 0
15-Bootstrap 全局 css 样式-表单3|学习笔记
快速学习15-Bootstrap 全局 css 样式-表单3
26 0
07_Bootstrap 全局 css 样式_排版2|学习笔记
快速学习07_Bootstrap 全局 css 样式_排版2
50 0
Bootstrap学习笔记--表单
Bootstrap表单有三种类型: 1. 垂直表单 :表单元素垂直分布 2. 内联表单:表单元素行内分布,左对齐 3. 水平表单:表单元素水平分布 默认:所有文本,和 类的元素.form-control都有100%的宽度。
1234 0
Bootstrap学习笔记--导航栏
本文来自于:W3school 默认导航栏下: 因为Bootsrap是具有响应式的 所以当屏幕缩小的时候 效果是这样的 那如何实现呢? //导航栏 注意:是在页面的顶部: 源码: ...
1180 0
bootstrap学习网址
http://v3.bootcss.com/
734 0
+关注
819
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载