Bootstrap作為最流行的Web前端UI框架（由twitter推出），是每個(gè)前端開(kāi)發(fā)所必須了解的旗芬；經(jīng)常聽(tīng)說(shuō)Bootstrap，今天下午把Bootstrap的官方文檔通讀了下，然后動(dòng)手試了一些效果弯菊，發(fā)現(xiàn)使用Bootstrap確實(shí)能夠節(jié)省很多時(shí)間。里面一些常見(jiàn)的UI踱阿，我們只要復(fù)制黏貼代碼即可實(shí)現(xiàn)相應(yīng)的效果管钳。不僅如此，它還默認(rèn)支持響應(yīng)式软舌。
ps：上上個(gè)月在江西省公安廳交通管理局互聯(lián)網(wǎng)交通安全服務(wù)管理平臺(tái)幫老爸處理違章處罰發(fā)現(xiàn)它也使用了Bootstrap技術(shù)才漆。
一、Bootstrap2與Bootstrap3的區(qū)別
首先介紹下他們的主要區(qū)別：
（一）佛点、在瀏覽器兼容性上
- Bootstrap2能夠兼容IE7及以上的瀏覽器;
- Bootstrap3能夠兼容IE8及以上的瀏覽器醇滥；
（二）、在頁(yè)面的設(shè)計(jì)風(fēng)格上
- Bootstrap2采用的是凹凸?jié)u變的設(shè)計(jì)風(fēng)格超营；
- Bootstrap3采用的是扁平化的設(shè)計(jì)風(fēng)格鸳玩；
（三）、移動(dòng)優(yōu)先方面
Bootstrap2 采用的是PC端優(yōu)先的原則演闭；
Bootstrap3采用的是移動(dòng)端優(yōu)先的原則不跟；
關(guān)于Bootstrap3相對(duì)于Bootstrap2有哪些變化可參見(jiàn)：
a、Bootstrap3正式版發(fā)布船响！
b躬拢、Bootstrap 3 released
c躲履、升級(jí)到 Bootstrap v3.x 版本
ps： Bootstrap v4.0.0 現(xiàn)在也出來(lái)了~
二、初步使用
（一）聊闯、注意事項(xiàng)
- 1工猜、“行（row）”必須包含在 .container(固定寬度）或 .container-fluid （100% 寬度）中；
- 2菱蔬、只有“列（column）”可以作為行（row）”的直接子元素篷帅。
（二）、入門(mén)資料推薦
- 1拴泌、 bootstrap v3.3.0中文文檔 http://v3.bootcss.com/getting-started/
- 2魏身、 bootstrap v3.3.0英文官方文檔 http://bootstrapdocs.com/v3.3.0/docs/css/
Bootstrap官方文檔匯總：http://bootstrapdocs.com/
Bootstrap官方網(wǎng)站：http://getbootstrap.com/
Bootstrap中文網(wǎng)：http://www.bootcss.com/
**本文版權(quán)歸本人即簡(jiǎn)書(shū)筆名：該賬戶(hù)已被查封 所有，如需轉(zhuǎn)載請(qǐng)注明出處蚪腐。謝謝箭昵！ *
