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