Bootstrap調研

官網:
http://www.bootcss.com/
http://getbootstrap.com/2.3.2/index.html

下面就其官網上文檔的幾個大分類做簡單介紹:

  • Get started:快速入門,介紹什麼是bootstrap,它能做什麼,以及怎樣快速基於它開發自己的項目;

  • Scaffolding:google翻譯成“腳手架”,比較通俗的講法應該是框架的基礎部分,包括全局style、grid排版、流排版、佈局和(響應)多客戶端設計;

  • Base-css:基本的CSS,也可以說是常用的css;

  • Components:UI組件,這部分不只是包括了css和html的設計,還包括了js交互的設計;

  • Javascript:基於js的角度把UI組件以及其它交互功能作說明;

  • Customize:自定義、客製化;這部分設計的非常棒,因爲用它開發的項目可能複雜,也可能很簡單,那麼你可以根據實際情況選擇你需要用到的功能,這樣能減小bootstrap公用文件的大小。

一個完整的Bootstrap框架包括2,3,4,5

Bootstrap框架屬於UI框架,這個和jQuery不太一樣,其實準確的描述Bootstrap框架屬於css框架而非javascript框架,但是它本身也使用javascript來完善Bootstrap框架的視覺效果。此外,Bootstrap框架十分超前,在支持html5和css3的瀏覽器上表現特別好,而且對移動終端的瀏覽器支持也是相當優秀。
Bootstrap是個操作性質的框架。最關鍵是有沒有好的使用實例。

入門圖文講解參考:

http://www.linuxidc.com/Linux/2013-08/88764.htm




學習步驟:

1.下載官網的安裝包
2.在官網上看例子
3.工程實例
4.diy

文章轉載自:

http://2sitebbs.com/thread-700-1-1.html




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章