Bootstrap學(xué)習(xí)有兩個(gè)重點(diǎn),一個(gè)是概念的理解,理解bootstrap是如何通過(guò)div來(lái)代替過(guò)去的table布局的;一個(gè)是常用結(jié)構(gòu)的熟悉,做到需要的組件及時(shí)能找到,組合一下就可以滿足需求。學(xué)習(xí)后的最大感受就是:bootstrap讓前端布局和渲染的工作,由填空題變成了選擇題。即便沒(méi)有很強(qiáng)的審美能力,也可以讓網(wǎng)頁(yè)簡(jiǎn)潔大方,顏值爆表。
概念
BootStrap是由Twitter的兩位員工Mark Otto和Jacob Thornton于2010年8月創(chuàng)建,距今已有7年,不過(guò)其仍然是最流行的前端CSS框架。它基于Less前端開(kāi)發(fā)庫(kù),提供了常見(jiàn)的CSS和Javascript代碼,然開(kāi)發(fā)快速上手。其具有以下特性:完整的基礎(chǔ)CSS插件;豐富的預(yù)定義樣式表;基于jQuery的js插件集;非常靈活的響應(yīng)式柵格系統(tǒng),而且崇尚移動(dòng)先行的思想。隨著bootstrap的火爆,出現(xiàn)了很多優(yōu)秀插件,比如Font Awesome字體。
Bootstrap官網(wǎng)地址,demo和文檔非常豐富。
其下載后的源碼結(jié)構(gòu)為:
這兒值得的一說(shuō)的就是fonts中通過(guò)字體文件代替了過(guò)去的.png,其通過(guò)@font-face
語(yǔ)法,將安全的Web字體實(shí)時(shí)下載到客戶端,便于任意縮放、改變顏色。