[Bootstrap](http://hovertree.com/menu/bootstrap/) 是由兩個 twitter 員工開發並開源的前端框架,非常火爆，而如此火爆自然有它的道理，在我們團隊的所有項目中正全面推行使用 Bootstrap，我想根據自己的實際使用體驗來說明一下為什麼要用 Boo ...
[Bootstrap](http://hovertree.com/menu/bootstrap/) 是由兩個 twitter 員工開發並開源的前端框架,非常火爆，而如此火爆自然有它的道理，在我們團隊的所有項目中正全面推行使用 Bootstrap，我想根據自己的實際使用體驗來說明一下為什麼要用 Bootsrap。
首先，Bootstrap 出自 twitter，大廠出品，並且開源，自然久經考驗，減少了測試的工作量。站在巨人的肩膀上，不重覆造輪子。
同時，Bootstrap 的代碼有著非常良好的代碼規範，從中也可以學習到很多，在 Bootstrap 的基礎之上創建項目，日後代碼的維護也變得異常簡單清晰。
Bootstrap 的一大優勢就是它是基於 Less 打造的，並且也有 [Sass版本]。正因為如此，它一推出就包含了一個非常實用的 Mixin 庫任你調用。
舉個很簡單的例子，當你平時要用到一些 css3 屬性的時候，你要寫不同的瀏覽器寫不同的 -prefix-，比如圓角 border-radius ：
-webkit-border-radius: 10px; -moz-border-radius:10px; -border-radius:10px; /* 何問起 hovertree.com */
但是通過 Bootstrap 給你預設好的 mixin，你直接寫成這樣就可以了：
@include border-radius (10px);
是不是輕鬆愉快？基本常用的 CSS3 mixin 都幫你整理好了，你都直接調用就可以了，在此不一一舉例。 Bootstrap 是目前最好的基於 Less(Sass) 的前端框架，豐富而實用的 Mixin 應該是其最好的地方。 Bootstrap 已經幫你搭好了實現 Responsive Design 的基礎框架，並且非常容易修改。如果你是一個新手，Bootstrap 可以幫助你在非常短的時間內上手 Responsive Design。另外、由於 Bootstrap 的火爆，又出現了不少圍繞 Bootstrap 而開發的插件。其中最實用的莫過於 [Font Awesome](http://fortawesome.github.com/Font-Awesome/) 了。它是一套 icon font，提供了豐富的 icon 給你選擇，新的 2.0 版又根據網友的意見增加了70個新的 icon。
Bootstrap 的組件 非常豐富，並且代碼簡潔，非常易於修改，你完全可以在其基礎之上修改成自己想要的任何樣子。這是工作效率的極大提升。在現在一股有 Apple 帶領的 Retina 潮流下，對圖片的視網膜屏下的解決方案已經變得越來越有必要了，而在 icon 這個東西上，icon font 是完美的解決方案，不用擔心解析度的問題，因為它實際上是字體。
這些就是為什麼要用 Bootstrap 的原因，目前市面上沒有任何其他框架可以和它相媲美，但是它就雖然是一匹好馬，你還是需要花費一些時間去學習它、適應它，它在日後給你帶來的便利性是無可比擬的，你會後悔自己為什麼沒有早點接觸它。
特效：http://www.cnblogs.com/roucheng/p/texiao.html
