BootStrap簡介
基于：HTML ,CSS ,JAVAScript的前端框架
實(shí)現(xiàn)相應(yīng)是布局
移動設(shè)備優(yōu)先
HTML5 doctype
<!DOCTYPE html>
<html lang="en>
...
</html>
響應(yīng)式meta 標(biāo)簽
<meta name="viewport" content="with=device-width , initial-scale=1 ,shrink -to -fit = no">
Normalize.css
實(shí)現(xiàn)跨瀏覽器的一致性
Reboot 自己定義CSS中的樣式
核心概念（網(wǎng)格系統(tǒng)）：
移動設(shè)備優(yōu)先策略的概念？
基礎(chǔ)CSS是移動優(yōu)先苛秕，優(yōu)先設(shè)計更小的寬度
媒體查詢姜凄。針對平板電腦、臺式電腦
漸進(jìn)增強(qiáng)坛芽。隨著屏幕大小的增加增加元素
viewPort的尺寸增加输玷，系統(tǒng)會自動分為12列
image.png
image.png
image.png
前端框架
Font Awesome 圖標(biāo)庫: < http://fontawesome.io />
NProgress 進(jìn)度條 < http://ricostacruz.com/nprogress />
Thiner-md (Marked Down 編輯器) < http://git.oschina.net/benhail/thinker-md />
jQuery Tags 標(biāo)簽插件
Bootstrap Chosen 下拉插件
toastr
