快捷導(dǎo)航

bootstrap是什么_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

更新時(shí)間：2017年07月14日 16:38:39 作者：簡(jiǎn)叔

這篇文章主要介紹了bootstrap是什么，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

Bootstrap 是由兩個(gè) twitter 員工開(kāi)發(fā)并開(kāi)源的前端框架，目前已經(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，大廠出品，并且開(kāi)源，自然久經(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í)候，你要寫(xiě)不同的瀏覽器寫(xiě)不同的 -prefix-，比如圓角 border-radius ：

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

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

@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)了不少?lài)@ Bootstrap 而開(kāi)發(fā)的插件。其中最實(shí)用的莫過(guò)于 Font Awesome 了。它是一套 icon font，提供了豐富的 icon 給你選擇，新的 2.0 版又根據(jù)網(wǎng)友的意見(jiàn)增加了70個(gè)新的 icon。

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

以上

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

一些題外話

我不喜歡用框架，我喜歡原生的寫(xiě)法

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

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

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

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

您可能感興趣的文章: