相信大家對bootstrap都已經不陌生了，這個在**建設領域赫赫有名的前端開發框架可謂是受到了全球前端工程師的推崇。
不過自從推出了bootstrap3版本以來，國內很多朋友都在boostrap2和3的選擇上頭疼不已，這兩者之間到底該如何取捨呢？
在之前的文章中，我們著重對bootstrap3的新特性做了詳細介紹，有興趣的朋友可以參考一下。
從這些新特性中我們可以看到，bootstrap3之於bootstrap2最大的變化是移動優先、扁平化設計、以及瀏覽器相容性方面。
所以我們的選擇主要還是通過這三點的比較來進行。
在移動優先方面，bootstrap3做得要比bootstrap2好得多（雖然bootstrap2也並不差），由於foundation的巨大成功以及響應式布局的極大潛力，bootstrap3也開始在移動端發力。
所以如果你想要通過響應式技術來使得自己的**建設專案能夠在pc、平板以及手機上同時有足夠優秀的視覺效果與使用者體驗，那麼你就可以毫不猶豫地選擇bootstrap3了。
具體bootstrap3的響應式效果可以通過我們的免費部落格主題zanblog來了解一二。
瀏覽器相容性，一直是前端工程師心中拔不去的刺，ie8、ie7甚至ie6在國內的占有率迫使很多web應用不得不去相容它們。
所以在選擇乙個框架之前，你必須對自己的客戶群體有所了解，從而對相容性進行取捨。
如果你需要相容ie8甚至是ie7和ie6，那麼只能選擇bootstrap2，雖然它自身在ie6的效果也並不完美。
但是倘若你跟隨時代的腳步，並且面向的客戶也很高階大氣上檔次地選擇只需要相容高階瀏覽器，那麼bootstrap3就是你不二的選擇。
希望這篇文章對還在頭疼如何選擇bootstrap版本的朋友有所幫助，你也可以留下自己的看法，共同**。
Bootstrap2和3的區別
bootstrap 是移動裝置優先的 如果你需要相容ie8甚至是ie7和ie6，那麼只能選擇bootstrap2，雖然它自身在ie6的效果也並不完美。但是倘若你跟隨時代的腳步，並且面向的客戶也很高階大氣上檔次地選擇只需要相容高階瀏覽器，那麼bootstrap3就是你不二的選擇。由於bootstrap...
bootstrap 2 柵格系統
首先需要容器 container 後生成行 row 在行裡生成列 col xs x 768 col md x 768 col lg x 992 col sm x 1200 每row 中 x 之和不可大於12 整個容器元素是按照文件流排列的 示例 container row col md 4.blue...
前端學習筆記 bootstrap 2
前端學習筆記 bootstrap 2 二 柵格系統 1.組成 bootstrap 提供了一套響應式 移動裝置優先的流式柵格系統，隨著螢幕或視口 viewport 尺寸的增加，系統會自動分為最多12列。柵格系統用於通過一系列的行 row 與列 column 的組合來建立頁面布局，你的內容就可以放入這些...