Bootstrap 手册 00 - 简介
2017-03-27 本文已影响20人
EncyKe
1. 简介
- Bootstrap 官网；
- v.2：支持广泛浏览器，兼容性包袱，功能不够激进，代码不够简洁；v.2 中文文档。
- v.3：放弃 IE 7 & FF 3.x；v.3 中文文档；
2. 特点
- 移动优先的前端响应式框架；
- 以极少量的代码实现多终端的页面适配；
- 可以帮助解决低端浏览器不支持 CSS3 的问题；
- 解决了不同分辨率上网页布局的展示；
3. 方法
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.min.css
├── js/
│ ├── bootstrap.js
│ ├── bootstrap.min.js
└── img/
├── glyphicons-halflings.png
└── glyphicons-halflings-white.png
- Bootstrap v3.2 中提供十二种 JS 插件，可单独引入：
- 动画过渡：transition.js
- 模态弹出框：modal.js
- 下拉菜单：dropdown.js
- 滚动监视：scrollspy.js
- 选项卡：tab.js
- 提示框：tooltop.js
- 弹出框：popover.js
- 警告框：alert.js
- 按钮：button.js
- 折叠：collapse.js
- 图片轮播：carousel.js
- 固定定位：affix.js
4. 注意
- 类名命名不可与 Bootstrap 默认的有冲突；
- jQuery 必须在 Bootstrap 之前引用；
- 对 IE 8 和 9 需引入 respond.js（因其不支持媒介查询）；
- 需把 respond.js 与网站部署在同一域下；
