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)注明出處蚪腐。謝謝箭昵! *