為什么選擇 Bootstrap

Bootstrap所涉及的應用范圍到底有多廣?Bootstrap是否真的很實用?關(guān)于這兩方面的問題，網(wǎng)絡(luò)上曾展開過激烈的爭論。Bootstrap對于設(shè)計能力不強，也沒有太多的時間去設(shè)計前端界面的用戶來說，價值是巨大的。Bootstrap的目的是幫助開發(fā)人員快速開發(fā)原型，避免用戶經(jīng)常從零開始繪制白底黑邊的裸圖。

Bootstrap包括幾十個組件.每個組件都自然地結(jié)合了設(shè)計與開發(fā)，具有完整的實例文檔.定義了真正的組件和模板。無論處在何種技術(shù)水平.也無論處在哪個工作流程中的開發(fā)者，都可以使用Bootstrap快速、方便地構(gòu)建自己喜歡的應用程序。
    
Bootstrap引人了12欄柵格結(jié)構(gòu)的布局理念，使設(shè)計質(zhì)量高、風格統(tǒng)一的網(wǎng)頁變得十分容易。它包含了HTML, CSS和JavaScript三大主要部分，各部分簡單說明如下。

（1）.Botstrap的HTML是基于HTML5的最新前沿技術(shù).它不同于古老陳舊的其他網(wǎng)頁標準，靈活高效，簡潔流暢。它摒棄了那些復雜而毫無意義的標簽，引人了全新的<canvas>、<audio>、<video>、<source>、<header>等標簽，使網(wǎng)頁的語義性大大增加，從此網(wǎng)頁不再是供機器閱讀的枯燥文字.而是可供人類欣賞的優(yōu)美作品。在網(wǎng)頁中插人多媒體，也因有了和而再也不需借助腐朽的Flash控件。


(2).Bootstrap的CSS是使用LESS創(chuàng)建的CSS，是新一代的動態(tài)CSS。對設(shè)計師來說，能寫得更少;對瀏覽器來說，解析更容易;對用戶來說.閱讀更輕松。直接用自然書寫的四則算術(shù)和英文單詞來表示寬度、高度、顏色.使得寫CSS不再是高手才會的神秘技能。 

   

(3).Bootstrap的JavaScript是使用jQuery的CSS，是優(yōu)秀的JavaScript，它不會使每個用戶都為了相似的功能.在每個網(wǎng)站都下載一份相同的代碼，而是用一個代碼庫，將常用的函數(shù)放進去，按需取用，用戶的瀏覽器只需下載一份代碼，便可在各個網(wǎng)站上使用。

難能可貴的是，Bootstrap依舊本著這樣的設(shè)計原則:并行開發(fā)、作為產(chǎn)品的風格指南、迎合所有的技能水平.幫助開發(fā)者解決實際問題，不斷完善自己，吸引更多人選擇在自己的項目中應用Bootstrap.

    
Bootstrap框架提供非常棒的視覺效果，且使用Bootstrap可以確保整個Web應用程序的風格完全一致，用戶體驗一致.操作習慣一致.這其實是很難的。如果希銀整個網(wǎng)站的鏈接、按鈕、提醒都有統(tǒng)一的視覺效果，那就應該毫不猶豫地選Bootstrap。它還可以對不同級別的提醒使用不同的顏色。

通過測試可知，市面上的主流瀏覽器都支持Bootstrap這一完整的框架解決方案，開發(fā)人員只需使用它而無需重新制作。而且這個框架專為Web應用程序而設(shè)計.所有元素都可以非常完美地在一起工作，很適合快速開發(fā)。

快速應用、簡單而優(yōu)雅，Bootstrap會讓Web應用程序看起來與Windows或GNOME(GNU網(wǎng)絡(luò)對象模型環(huán)境)下的程序一樣，具有一樣的按鈕，一樣的對話框，且運行快速。隨著越來越多的Web應用程序被直接放在桌面上運行，應用程序的一致性是一個趨勢.開發(fā)人員可以把精力放在業(yè)務(wù)上，而不是UI設(shè)計上。

Bootstrap 并不能幫你完成所有事情，它只是一個的框架，在這個框架上面你依舊可以任意的發(fā)揮，并且發(fā)揮得更好，但是前提是你要駕馭得了它。 如果你不夠熟悉它，你確實是有時候會被它有所牽絆，但是你熟悉了之后發(fā)現(xiàn)了其實它沒有對你進行任何限制，這需要一個過程。 

---

Bootstrap的優(yōu)勢

1.節(jié)省時間

利用Bootstrap，你將有更多的時間用來掙錢。Bootstrap庫中包含很多現(xiàn)成的代碼片段，這些代碼可為你的網(wǎng)站增加更多活力。Web開發(fā)者不必再花費時間、費力地編碼，只需找到合適的代碼，插入到合適位置即可。此外，CSS利用LESS編寫，很多樣式和設(shè)計都已設(shè)計完成。


2.定制化

Bootstrap很重要的一方面就是你可以將它據(jù)為己有。你可以留取框架中需要的部分，拋棄不需要的。Bootstrap整體允許你根據(jù)自己的需要，裁剪自己開發(fā)的項目。


3.設(shè)計方面的因素

網(wǎng)格系統(tǒng)

對頁面進行布局時，往往需要有一個合適的網(wǎng)格。你不一定使用該平臺的網(wǎng)格，但它確實能大大降低你工作的難度。默認模式下，該平臺提供一個16列的網(wǎng)格（寬為960px）。每列寬40px，每列左右兩側(cè)具有10px的間隙，各網(wǎng)格最外側(cè)均留出20px的空白。你可以根據(jù)需要改變行數(shù)與間隔大小。樣式已開發(fā)完成，開發(fā)者只需要把合適的代碼放入HTML合適的位置即可。

LESS

LESS在開發(fā)周期內(nèi)應用很廣。它是一種基于CSS之上的高級語言，其目的是使得CSS開發(fā)更靈活和更強大。你可以利用LESS的Mixins及CSS操作定制內(nèi)嵌網(wǎng)格。Bootstrap采用了大量流行的CSS3功能，可以對所有的網(wǎng)站提供統(tǒng)一的瀏覽體驗。

JavaScript

Bootstrap提供JavaScript庫，該庫超越了基本的架構(gòu)與樣式。通過Bootstrap，開發(fā)者可輕易地操作窗口警告框、工具提示框、滾動條、按鈕等。Bootstrap最突出之處是，它可以讓你不必再費神費力地寫腳本。

4.一致性

Twitter當初開發(fā)該工具的最主要原因是，開發(fā)者所開發(fā)項目在不同瀏覽器間的不一致性。這就導致了很多前端開發(fā)與最終用戶界面之間的問題。Bootstrap保證了界面在不同平臺上的統(tǒng)一性。在IE、Chrome及Firefox中，你可以看到統(tǒng)一的界面。

5.保持持續(xù)更新

以jQuery 的UI為例：每一年更新一次。而Bootstrap則在不停地改進，更具規(guī)律性與持續(xù)性。Web開發(fā)者一發(fā)現(xiàn)新問題， Bootstrap團隊便立刻著手修復它。

6.易于集成

如果你想進一步完善一個已完成的網(wǎng)站，Bootstrap可以幫助你。例如，如果你要統(tǒng)一使用自己編寫的表格樣式，你要做的是把你的樣式復制到CSS樣式文件中。Bootstrap將立即剔除它本身的樣式，在這里，你需要將該文件與Twitter進行關(guān)聯(lián)。集成的過程十分簡單、方便、快捷。完成之后，你便可以把你的設(shè)計應用到你的核心內(nèi)容上。

7.響應式

Bootstrap為響應式框架。無論你的開發(fā)工作從筆記本轉(zhuǎn)移到iPad，還是從iPad轉(zhuǎn)移到Mac上，你都不用為你的工作而苦惱。因為Bootstrap能以超快的速遞與效率適應不同平臺間的差異。

8.對未來技術(shù)具有兼容性

Bootstrap包含很多特殊元素，如HTML5和CSS3，這些元素被稱為設(shè)計的未來。因為該框架考慮到設(shè)計和開發(fā)的未來，它很有潛力成為未來幾年里Web開發(fā)者的參考標準。

9.競爭力

Bootstrap并不是唯一的前端開發(fā)框架，比如還有JQuery UI、HTML5 Boilerplate等等。但對于Bootstrap來說，真正的競爭對手是Zurb Foundation。Bootstrap 2新增加了一個工具集，F(xiàn)oundation經(jīng)過好長時間才填補上。Bootstrap包含大量的第三方插件、主題、功能特性、代碼等等，而Foundation并不具備這些。

10.詳盡的說明文檔

Bootstrap的文檔相當精彩。大部分新平臺往往沒有合適的說明文檔，而Bootstrap的說明文檔大大幫助了我們的入門學習。通過文檔可以找到我們需要的所有信息。

11.讓老板們受益

學習Bootstrap，并不會花費你太多時間，因為它將所有的模塊化方法與體系結(jié)構(gòu)封裝在了一起。從老板的角度來看，如果你為Web開發(fā)者提供了Bootstrap框架，那么他們會節(jié)省更多的學習時間，并快速投入到工作中。這會為老板們帶來更好的收益。