# Bootstrap，
## 一、Bootstrap简介
### 1. Bootstrap是什么？
Bootstrap是Twitter推出的一个开源的前端开发框架
基于HTML、CSS、JavaScript，代码简洁、视觉优美，用来快速开发基于PC及移动端的Web页面，更迅速、简单
Bootstrap官网：http://getbootstrap.com/
中文网：http://www.bootcss.com/
版本：v3.0、v4.0
### 2. 特点
- 跨设备、跨浏览器
兼容所有主流浏览器，包括IE7、IE8等
- 响应式布局
支持PC端、移动端（手机、PAD），移动设备优先
- 丰富的组件
- 内置jQuery插件
模态框、工具提示、弹出框、轮播图等
- 支持动态样式
LESS、SASS，可以使用变量、嵌套、混合等，编写样式更快、更灵活
## 二、起步
### 1. 下载
CDN：Content Delivery Network，内容分发网络，提供稳定、快速的资源访问服务。
**Bootstrap依赖于jQuery库**
### 2. 基本模板
HTML5文档类型
移动设备优先
基本的全局样式
```css
font-size: 14px;
line-height: 20px;
color: #333;
a{color: #337ab7; text-decoration: none;}
a:hover{color: #23527c;text-decoration: underline;}
```
布局容器
```html
.container类 固定宽度，支持响应式布局的容器
.container-fluid类 100%宽度，占据整个窗口的容器
```
## 三、全局CSS样式
栅格系统
- 栅格 原理及使用
- 栅格的设置：列偏移、列排序、列嵌套
排版
代码
表格
表单
按钮、图片
辅助类、响应式工具
## 四、组件
字体图标、下拉菜单、按钮组
按钮式下拉菜单
输入框组、导航、导航条
巨幕、警告框、面板
## 五、JavaScript插件
模态框插件
滚动监听插件
弹出框插件
折叠插件
轮播插件
## 六、补充
BootstrapValidator表单校验插件
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
