Bootstrap 手册 00 - 简介

1. 简介

• Bootstrap 官网；
• v.2：支持广泛浏览器，兼容性包袱，功能不够激进，代码不够简洁；v.2 中文文档。
• v.3：放弃 IE 7 & FF 3.x；v.3 中文文档；

2. 特点

• 移动优先的前端响应式框架；
• 以极少量的代码实现多终端的页面适配；
• 可以帮助解决低端浏览器不支持 CSS3 的问题；
• 解决了不同分辨率上网页布局的展示；

3. 方法

• 下载至本地或引用 CDN；
• 目录结构

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 与网站部署在同一域下；

5. 系列目录

• Bootstrap 手册 01 - 排版篇
• Bootstrap 手册 02 - 表格篇
• Bootstrap 手册 03 - 表单篇
• Bootstrap 手册 04 - 栅格系统篇
• Bootstrap 手册 05 - 常用组件篇
• Bootstrap 手册 06 - 导航篇