Bootstrap 是由兩個 twitter 員工開發并開源的前端框架，目前已經到了 2.0.4 的版本，在 Github 上面有 32517個 watch，和 6608個 fork。非常火爆，而如此火爆自然有它的道理，在我們團隊的所有項目中正全面推行使用 Bootstrap，我想根據自己的實際使用體驗來說明一下為什么要用 Bootsrap。

twitter 出品

首先，Bootstrap 出自 twitter，大廠出品，并且開源，自然久經考驗，減少了測試的工作量。站在巨人的肩膀上，不重復造輪子。

同時，Bootstrap 的代碼有著非常良好的代碼規范，從中也可以學習到很多，在 Bootstrap 的基礎之上創建項目，日后代碼的維護也變得異常簡單清晰。

基于 Less、豐富的 Mixin

如果你不知道 Sass 或者 Less 這樣的 CSS 預處理技術，我只能說你實在太落伍了，建議你先去了解之。

Bootstrap 的一大優勢就是它是基于 Less 打造的，并且也有 Sass版本。正因為如此，它一推出就包含了一個非常實用的 Mixin 庫任你調用。

舉個很簡單的例子，當你平時要用到一些 css3 屬性的時候，你要寫不同的瀏覽器寫不同的 -prefix-，比如圓角 border-radius ：

-webkit-border-radius: 10px;-moz-border-radius:10px;-border-radius:10px; 

但是通過 Bootstrap 給你預設好的 mixin，你直接寫成這樣就可以了：

@include border-radius (10px); 

是不是輕松愉快？基本常用的 CSS3 mixin 都幫你整理好了，你都直接調用就可以了，在此不一一舉例。 Bootstrap 是目前最好的基于 Less(Sass) 的前端框架，豐富而實用的 Mixin 應該是其最好的地方。

可以 Responsive 的柵格系統

Bootstrap 的 柵格 (Grid) 系統也很先進，整個 Grid 系統是可以 Responsive 的！

Bootstrap 已經幫你搭好了實現 Responsive Design 的基礎框架，并且非常容易修改。如果你是一個新手，Bootstrap 可以幫助你在非常短的時間內上手 Responsive Design。

豐富的組件

Bootstrap 的HTML組件 和 Js組件 非常豐富，并且代碼簡潔，非常易于修改，你完全可以在其基礎之上修改成自己想要的任何樣子。這是工作效率的極大提升。

插件

另外、由于 Bootstrap 的火爆，又出現了不少圍繞 Bootstrap 而開發的插件。其中最實用的莫過于 Font Awesome 了。它是一套 icon font，提供了豐富的 icon 給你選擇，新的 2.0 版又根據網友的意見增加了70個新的 icon。

在現在一股有 Apple 帶領的 Retina 潮流下，對圖片的視網膜屏下的解決方案已經變得越來越有必要了，而在 icon 這個東西上，icon font 是完美的解決方案，不用擔心分辨率的問題，因為它實際上是字體。

以上

這些就是為什么要用 Bootstrap 的原因，目前市面上沒有任何其他框架可以和它相媲美，但是它就雖然是一匹好馬，你還是需要花費一些時間去學習它、適應它，它在日后給你帶來的便利性是無可比擬的，你會后悔自己為什么沒有早點接觸它。