close

Bootstrap是一個基於HTML,CSS,JAVASCRIPT的簡潔靈活的網站前端框架及組件包。

它目前是GitHub 上最火的一個項目。美國國家航空航天局和美國MSNBC有線新聞頻道都使用了它。

 

我並不認為從開發Bootstrap框架中學到了任何東西。

 

作為一個技術上的挑戰,Bootstrap並不是特別有吸引力。這個框架就是提供一些元件——諸如模態框,提示框,表格等網上一直都有的組件——説明人們省去了寫那些前端代碼的時間。

 

就這些沒有任何的創新。

 

開始學習前,你要先決定從那一個版本開始。 建議你從 Bootstrap V3.x開始....

 

P.S 如果你想打基礎功力,勸你不要用Bootstrap,除非你看完它們code

 

Why ? Why? Why?

 

1. Bootstrap V2.x 和 Bootstrap V3.x 差異太大了

學了 Bootstrap V2.x 要升級至 Bootstrap V3.x 太多要改了!! 相信我 (痛苦的經驗 >< 不知有多少夜裡痛罵)

 

Bootstrap 從 v2.x 版更新到 v3,感覺像是全新的另一套 framework,主要是核心部分的 grid 系統完全翻修,提供各個裝置佈局上更多彈性。另外,以 mobile 為先,預設值都以mobile為基礎來考量。官方部落格 提到 v3 有14項嶄新特色。

主要是以下的

1. grid系統的變革 --(最主要的變動阿 >< ,花最多時間修改)

     2014-11-01_185311

 

2014-11-01_185336  

2, 跨瀏覽器支援 - v3 不再支援 IE7 和 Firefox 3.6

3. 外觀因應潮流

     3.1  佈景主題  --Bootstrap 3 有新的 theme,但不是整套 framework 有主題可供選擇

     3.2  icon字型 (iconfont)

4.  CSS元件的變動 --(最主要的變動阿 >< ,花最多時間修改)

5. javascript元件的變動

 

 

 2014-11-01_185336hh  

 

 

 

 

 

 

 

 

arrow
arrow
    文章標籤
    Bootstrap 學習 新手
    全站熱搜
    創作者介紹
    創作者 Kenneth 的頭像
    Kenneth

    Kenneth的部落格

    Kenneth 發表在 痞客邦 留言(0) 人氣()