BootStrap简介
基于：HTML ,CSS ,JAVAScript的前端框架
实现相应是布局
移动设备优先
HTML5 doctype
<!DOCTYPE html>
<html lang="en>
...
</html>
响应式meta 标签
<meta name="viewport" content="with=device-width , initial-scale=1 ,shrink -to -fit = no">
Normalize.css
实现跨浏览器的一致性
Reboot 自己定义CSS中的样式
核心概念（网格系统）：
移动设备优先策略的概念？
基础CSS是移动优先，优先设计更小的宽度
媒体查询。针对平板电脑、台式电脑
渐进增强。随着屏幕大小的增加增加元素
viewPort的尺寸增加，系统会自动分为12列
image.png
image.png
image.png
前端框架
Font Awesome 图标库: < http://fontawesome.io />
NProgress 进度条 < http://ricostacruz.com/nprogress />
Thiner-md (Marked Down 编辑器) < http://git.oschina.net/benhail/thinker-md />
jQuery Tags 标签插件
Bootstrap Chosen 下拉插件
toastr
