Bootstrap2和3的區別與選擇

相信你們對Bootstrap都已經不陌生了，這個在網站建設領域赫赫有名的前端開發框架可謂是受到了全球前端工程師的推崇。
不過自從推出了Bootstrap3版本以來，國內不少朋友都在Boostrap2和3的選擇上頭疼不已，這二者之間到底該如何取捨呢？

BOOTSTRAP2和3的區別

在以前的文章中，咱們着重對Bootstrap3的新特性作了詳細介紹，有興趣的朋友能夠參考一下。
從這些新特性中咱們能夠看到，Bootstrap3之於Bootstrap2最大的變化是移動優先、扁平化設計、以及瀏覽器兼容性方面。
因此咱們的選擇主要仍是經過這三點的比較來進行。

移動優先角度

在移動優先方面，Bootstrap3作得要比Bootstrap2好得多（雖然Bootstrap2也並不差），因爲Foundation的巨大成功以及響應式佈局的極大潛力，Bootstrap3也開始在移動端發力。
因此若是你想要經過響應式技術來使得本身的網站建設項目可以在PC、平板以及手機上同時有足夠優秀的視覺效果與用戶體驗，那麼你就能夠堅決果斷地選擇Bootstrap3了。
具體Bootstrap3的響應式效果能夠經過咱們的免費博客主題Zanblog來了解一二。

設計風格角度

免去一些沒必要要的設計煩惱是前端程序員選擇前端開發框架的重要緣由之一，按鈕、字體、導航欄、登陸框等等元素在Bootstrap中都有對應的樣式能夠採用。
因此若是你是喜歡漸變凹凸風格的，就能夠選擇採用Bootstrap2來進行開發；反之，若是你喜歡扁平化設計風格，那麼就能夠採用Bootstrap3了。
因爲Bootstrap在國內的普及，大多數網站都採用了Bootstrap2的整套UI來開發一些web應用，因此較爲小衆的Bootstrap3應該可讓你的web應用脫穎而出。

瀏覽器兼容性角度

瀏覽器兼容性，一直是前端工程師心中拔不去的刺，IE八、IE7甚至IE6在國內的佔有率迫使不少web應用不得不去兼容它們。
因此在選擇一個框架以前，你必須對本身的客戶羣體有所瞭解，從而對兼容性進行取捨。
若是你須要兼容IE8甚至是IE7和IE6，那麼只能選擇Bootstrap2，雖然它自身在IE6的效果也並不完美。
可是假若你跟隨時代的腳步，而且面向的客戶也很高端大氣上檔次地選擇只須要兼容高級瀏覽器，那麼Bootstrap3就是你不二的選擇。

bootstrap3：

• 全新設計的風格和可選主題
• 面向移動優先和響應式設計
• 全新定製
• 默認更好的盒子模型
• 超強的表格系統
• 從新了 JavaScript 插件
• 新的圖標字體
• 導航條的大改進
• 模態對話框更好的響應式效果
• 組件的維護（新增和刪除）
• 文檔的完善
• 再也不支持 IE7 和 Firefox 3.6