響應式布局
在同一套代碼中靖避，根據(jù)不同設備或屏幕寬高致开，展現(xiàn)不同效果
優(yōu)點：
1.相對減少工作量
2.節(jié)約時間
3.響應式效果
4.每種設備都會有相應的適應
缺點：
1.無法完全精準設置效果
2.相對增加工作量昨稼，相對不響應式瞒瘸，多一些css侣诺、js代碼
3.增加瀏覽器的負擔
4.低版本兼容性不好
二殖演、bootsrtap
（1）bootstrap:簡潔、直觀年鸳、強悍的前端開發(fā)框架趴久，讓web開發(fā)更迅速、簡單搔确，側(cè)重于移動端
Twitter開發(fā)彼棍，開源
1.全局CSS樣式
2.豐富組件
3.js插件
4.可以個性化定制
（2）柵格系統(tǒng)（核心）
Bootstrap 提供了一套響應式、移動設備優(yōu)先的流式柵格系統(tǒng)膳算，隨著屏幕或視口（viewport）尺寸的增加座硕，系統(tǒng)會自動分為最多12列。
有媒體查詢涕蜂、百分比
1.布局
.container:容器類华匾，固定寬度
.container-fluid：100%寬度
1row=12col
col-sm-*：*代表當前單元格在整個12列中所占幾列
lg、md机隙、sm蜘拉、xs：不同的單元格規(guī)模萨西，在不同的臨界值進行變換
2.柵格嵌套
col>row
col>.container 錯誤，布局混亂
row是12列旭旭，
單元格移動：
col-md-offset-*：讓單元格向右偏移谎脯，左邊偏移出來的區(qū)域不能再放元素
col-md-push-*：讓單元格向右移動，不影響原有單元格布局
col-md-pull-*：讓單元格向左移動持寄，不影響原有單元布局
注意：布局時不要讓兩單元格碰撞到一起
? ? ? ? ?.container>row
? ? ? ? ?row>col
? ? ? ? ?col>任意
一個頁面中穿肄，可以將.container放置在“任意”地方，.container區(qū)域會自動響應式际看。
（3）全局CSS樣式
1.代碼
<code></code>行內(nèi)代碼咸产，不能自動換行
<pre></pre>代碼塊，內(nèi)容的樣式會體現(xiàn)在網(wǎng)頁上仲闽，可自動換行
pre-scrollable：代表當代碼高度高于350px時脑溢，代碼滾動顯示
注意：大于號小于號需換成 > 和 <
以下引用
（4）組件
1.導航條
.navbar:代表當前是導航條
.navbar-default：
