首先來講這個東西來源於大名鼎鼎的Twitter團隊,其開源已經有一段時間了,並且其版本更新很快2011年11月才剛剛推出1.*版本,2012年初馬上就開始了2.*。Bootstrap目標是為開發人員快速構建頁面前端提供了一系列的基礎設施。從Bootstrap這個名字也可以看出,開發團隊的一個願景-希望Bootstrap能成為構建一切web前端的“入口點”,“引導程序”。
筆者只所以要寫這個系列的文字,基於以下兩個原因:1.國內對其介紹的文章還是鳳毛麟角。2.筆者自身由於長期從事后端工作,對前端的原理和實踐都比較欠缺,希望這個系列的總結,既能給大家帶來些許幫助也能提高自己(即筆者寫這個東西,不是因為自己前端技藝多么的優秀,而是恰恰相反,因此在行文的過程中出現缺陷或者錯誤,也許是在所難免,也期望各位不吝指教)。
前面也講到Bootstrap要為開發人員提供一系列的基礎設施,那么具體有哪些呢?概括而言有以下4個方面:框架(Scaffolding),基礎CSS,構件庫(Components)和jQuery插件庫。
1.框架(Scaffolding),有時候我們翻譯為“腳手架”,筆者更願意翻譯為“布局”。里面主要就討論一個頁面的各個部分如何構成。包括筆者在內,我相信很多人都會重點關注“網格系統”這種布局方式。
2.基礎CSS(Base CSS),里面提供了對很多頁面元素(包括按鈕,table,表單)排版方面的信息。
3.構建庫(Components),是對很多基礎頁面元素組合后的應用(大抵如此)。
4.jQuery插件庫,很多頁面特效的實現當然離不開讓我們愛恨有加的Javascript,不過自從很多js框架或者js庫流行后,我們發現Javascript原來也可以寫的非常優雅。而Bootstrap使用的js庫就是以小巧靈活強大著稱的jQuery。里面有像模式窗口,Tab標簽,下拉菜單等很多效果。
很多單位都會有自己的CSS類庫,當然質量可能也參差不齊。那么Bootstrap就是我們大家的,優秀的CSS類庫。以上4個方面無論哪一個,你都可以將其引入你的項目,讓你的項目表現的更為專業。
總體而言,Bootstrap你值得擁有。