BootStrap

作用

1. 前端框架，在Web开发中，用于表示层。
2. 基于HTML、CSS、JS、jQuery等技术(功能封装)
3. 适应不同的分辨率显示不同样式

优势

1. 移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。
2. 浏览器支持：Bootstrap支持所有的主流浏览器。如：Internet Explorer、 Firefox、 Opera、 Google
   Chrome、Safari。
3. 容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。
4. 响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。
   –> 响应式:根据屏幕大小进行适应性匹配(代码是同一份)

boostrap的使用

内容

1. 全局CSS：基本的 HTML 元素均可以通过 class 设置样式并得到增强效果；还有先进的栅格系统。
2. 组件：无数可复用的组件，包括字体图标、下拉菜单、导航、警告框、弹出框等更多功能
3. JavaScript 插件：是jQuery插件，带了一些其它的功能。如：轮播图

目录结构

bootstrap/
├── css/ 全局CSS样式
│ ├── bootstrap.css 可阅读的完整版本
│ ├── bootstrap.min.css 在开发使用这个版本，压缩版，功能与上面的相同
│ ├── bootstrap‐theme.css
│ ├── bootstrap‐theme.min.css
├── js/ 使用JavaScript插件，就要导入这个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