Bootstrap是什么？有什么用處？

Bootstrap框架是基于HTML、CSS、JavaScript等前端技術(shù)實現(xiàn)的，2011年8月在GitHub上發(fā)布，一經(jīng)推出頗受歡迎。

Bootstrap之所以受到廣大前端開發(fā)人員的歡迎，是因為使用Bootstrap 可以構(gòu)建出非常優(yōu)雅的前端界面，而且占用資源非常小。另外，Bootstrap還具有以下幾個優(yōu)勢：

(1)移動設(shè)備優(yōu)先：自Bootstrap 3起，移動設(shè)備優(yōu)先的樣式貫穿于整個庫。

(2)瀏覽器支持：主流瀏覽器都支持Bootstrap，包括IE、Firefox、Chrome、Safari等。

(3)學(xué)習(xí)成本低：要學(xué)習(xí)Bootstrap，只需讀者具備HTML和CSS的基礎(chǔ)知識。

(4)響應(yīng)式設(shè)計：Bootstrap的響應(yīng)式CSS能夠自適應(yīng)于臺式機、平板計算機和手機的屏幕大小。

(5)良好的代碼規(guī)范：為開發(fā)人員創(chuàng)建接口提供了一個簡潔統(tǒng)一的解決方案，減少了測試的工作量。

(6)組件：Bootstrap包含了功能強大的內(nèi)置組件。

(7)定制: Bootstrap還提供了基于Web的定制。

了解了Bootstrap 的這么多優(yōu)勢，下面介紹一-下Bootstrap包含的內(nèi)容。

Bootstrap包中提供的內(nèi)容包括基本結(jié)構(gòu)、CSS、布局組件、JavaScript插件等，具體如下：

(1)基本結(jié)構(gòu)：Bootstrap提供了一個帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。

(2)CSS：Bootstrap自帶全局的CSS設(shè)置、定義基本的HTML元素樣式、可擴展的class，以及一個先進的柵格系統(tǒng)。

(3)布局組件：Bootstrap包含了十幾個可重用的組件，用于創(chuàng)建圖像、下拉菜單、導(dǎo)航、警告框、彈出框等。

(4) JavaScript插件：Bootstrap包含了十幾個自定義的jQuery插件，可以直接包含所有的插件，也可以逐個包含這些插件。

(5)定制：開發(fā)人員可以定制Bootstrap的組件、LESS 變量和jQuery插件來得到一套自定義的版本。

由此可以看出，Bootstrap中預(yù)定義了一套CSS樣式和一套對應(yīng)的jQuery代碼，應(yīng)用時只需提供固定的HTML結(jié)構(gòu)，添加Bootstrap中提供的class名稱，就可以完成指定效果的實現(xiàn)。

猜你喜歡：

web前端主流框架都有哪些？這幾個框架你必須知道

兩張圖告訴你什么是盒模型

web前端三大主流框架那個適合前端開發(fā)？

傳智教育web前端開發(fā)工程師培訓(xùn)課程