是什么
- 基于HTML，CSS，JavaScript的前端框架
- 响应式布局
- 移动设备优先
如何实现上述特点
- 支持HTML5的标准
- 需要设置一个响应式的meta标签，如下
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
- Normalize.css，实现跨浏览器的统一和一致性
- ReReboot ：
核心概念
- 网格系统
- 什么是移动设备优先策略
- 基础的CSS是移动优先，优先更小的宽度
- 媒体查询，针对平板电脑，台式电脑
- 渐进增强，随着屏幕的大小的增加而添加元素
- 什么是移动设备优先策略
- 响应式
- viewport尺寸的增加，系统会自动分为最多12列
- 网格选项
- 网格实例
- 常用组件，样式
- Typography
- Table
- Form
- Button
- Dropdown
- Button Group
- Input Group
- Nacbar
- Paginacion
- Tag
- Alert
- Modal Dialog
- Progress Bar
- List Group
- Card
- Tooltip(提示)
