1、響應(yīng)式布局(RESPONSIVE)
概念:
百科百度
優(yōu)點(diǎn)
面對(duì)不同分辨率設(shè)備靈活性強(qiáng)
能夠快捷解決多設(shè)備顯示適應(yīng)問(wèn)題
缺點(diǎn)
兼容性代碼多,工作量大,加載速度受影響
對(duì)原有網(wǎng)站布局會(huì)產(chǎn)生影響,用戶判斷未必精確
2、Bootstrap介紹
英文:http://www.getbootstrap.com
中文:http://www.bootcss.com/
github:https://github.com/twbs/bootstrap
幾個(gè)案例
http://expo.bootcss.com/
3、BootStrap書(shū)寫(xiě)步驟
4、簡(jiǎn)單介紹
5、代碼演示
6、名詞解釋
.col-xs- 超小屏幕 手機(jī) (<768px)
.col-sm- 小屏幕 平板 (≥768px)
.col-md- 中等屏幕 桌面顯示器 (≥992px)
.col-lg- 大屏幕 大桌面顯示器 (≥1200px)