Bootstrap 是由兩個(gè) twitter 員工開發(fā)并開源的前端框架，目前已經(jīng)到了 2.0.4 的版本，在 Github 上面有 32517個(gè) watch，和 6608個(gè) fork。非?；鸨?，而如此火爆自然有它的道理，在我們團(tuán)隊(duì)的所有項(xiàng)目中正全面推行使用 Bootstrap，我想根據(jù)自己的實(shí)際使用體驗(yàn)來(lái)說(shuō)明一下為什么要用 Bootsrap。

twitter 出品

首先，Bootstrap 出自 twitter，大廠出品，并且開源，自然久經(jīng)考驗(yàn)，減少了測(cè)試的工作量。站在巨人的肩膀上，不重復(fù)造輪子。

同時(shí)，Bootstrap 的代碼有著非常良好的代碼規(guī)范，從中也可以學(xué)習(xí)到很多，在 Bootstrap 的基礎(chǔ)之上創(chuàng)建項(xiàng)目，日后代碼的維護(hù)也變得異常簡(jiǎn)單清晰。

基于 Less、豐富的 Mixin

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

Bootstrap 的一大優(yōu)勢(shì)就是它是基于 Less 打造的，并且也有 Sass版本。正因?yàn)槿绱?，它一推出就包含了一個(gè)非常實(shí)用的 Mixin 庫(kù)任你調(diào)用。

舉個(gè)很簡(jiǎn)單的例子，當(dāng)你平時(shí)要用到一些 css3 屬性的時(shí)候，你要寫不同的瀏覽器寫不同的 -prefix-，比如圓角 border-radius ：

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

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

@include border-radius (10px); 

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

可以 Responsive 的柵格系統(tǒng)

Bootstrap 的 柵格 (Grid) 系統(tǒng)也很先進(jìn)，整個(gè) Grid 系統(tǒng)是可以 Responsive 的！

Bootstrap 已經(jīng)幫你搭好了實(shí)現(xiàn) Responsive Design 的基礎(chǔ)框架，并且非常容易修改。如果你是一個(gè)新手，Bootstrap 可以幫助你在非常短的時(shí)間內(nèi)上手 Responsive Design。

豐富的組件

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

插件

另外、由于 Bootstrap 的火爆，又出現(xiàn)了不少圍繞 Bootstrap 而開發(fā)的插件。其中最實(shí)用的莫過于 Font Awesome 了。它是一套 icon font，提供了豐富的 icon 給你選擇，新的 2.0 版又根據(jù)網(wǎng)友的意見增加了70個(gè)新的 icon。

在現(xiàn)在一股有 Apple 帶領(lǐng)的 Retina 潮流下，對(duì)圖片的視網(wǎng)膜屏下的解決方案已經(jīng)變得越來(lái)越有必要了，而在 icon 這個(gè)東西上，icon font 是完美的解決方案，不用擔(dān)心分辨率的問題，因?yàn)樗鼘?shí)際上是字體。

以上

這些就是為什么要用 Bootstrap 的原因，目前市面上沒有任何其他框架可以和它相媲美，但是它就雖然是一匹好馬，你還是需要花費(fèi)一些時(shí)間去學(xué)習(xí)它、適應(yīng)它，它在日后給你帶來(lái)的便利性是無(wú)可比擬的，你會(huì)后悔自己為什么沒有早點(diǎn)接觸它。

一些題外話

我不喜歡用框架，我喜歡原生的寫法

這是我在給別人推薦 Bootstrap 的時(shí)候最常聽到的話，我只能說(shuō)，Bootstrap 并不能幫你完成所有事情，它只是一個(gè)的框架，在這個(gè)框架上面你依舊可以任意的發(fā)揮，并且發(fā)揮得更好，但是前提是你要駕馭得了它。

如果你不夠熟悉它，你確實(shí)是有時(shí)候會(huì)被它有所牽絆，但是你熟悉了之后發(fā)現(xiàn)了其實(shí)它沒有對(duì)你進(jìn)行任何限制，這需要一個(gè)過程。

是給無(wú)設(shè)計(jì)師的團(tuán)隊(duì)或者程序員用的

對(duì)此我真的是無(wú)力吐槽，Bootstrap 的開發(fā)者就在他的博客上抱怨過，為什么出來(lái)那么一堆完全照搬 Bootstrap 樣式的網(wǎng)站。
記住、完全用 Bootstrap 的樣式只會(huì)讓人心生厭煩。

最新評(píng)論