Bootstrap是什么？有什么用處？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

猜你喜歡：

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

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

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

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