為什麼要使用bootstrap

Bootstrap是由兩twitter員工開發並開源的前端框架，非常火爆，而如此火爆自然有它的道理，在我們團隊的所有專案中正全面推行使用Bootstrap，我想根據自己的實際使用體驗來說明一下為什麼要用Bootsrap。

首先，Bootstrap出自twitter，大廠出品，並且開源，自然久經考驗，減少了測試的工作量。站在巨人的肩膀上，不重複造輪子。 （推薦學習：Bootstrap影片教學）

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

更多Bootstrap相關技術文章，請造訪Bootstrap教學欄位進行學習！

以上是為什麼要使用bootstrap的詳細內容。更多資訊請關注PHP中文網其他相關文章！