bootstrap是一個(gè)用於快速開發(fā)網(wǎng)頁(yè)應(yīng)用程式和網(wǎng)站的前端框架，該框架是基於HTML、CSS和JAVASCRIPT的；bootstrap可以快速建立一個(gè)漂亮、功能完備的網(wǎng)站。

本文操作環(huán)境：Windows7系統(tǒng)、bootsrap3.3.7版、Dell G3電腦。

bootstrap是什麼框架？是做什麼的？

Bootstrap是美國(guó)Twitter公司的設(shè)計(jì)師Mark Otto和Jacob Thornton合作基於HTML、CSS、JavaScript?開發(fā)的簡(jiǎn)潔、直覺、強(qiáng)悍的前端開發(fā)框架，使得 Web 開發(fā)更加快速。 Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)範(fàn)，它也就是由動(dòng)態(tài)CSS語言Less寫成。 Bootstrap一推出後頗受歡迎，一直是GitHub上的熱門開源項(xiàng)目，包括NASA的MSNBC（微軟全國(guó)廣播公司）的Breaking News都使用了該項(xiàng)目。國(guó)內(nèi)一些行動(dòng)開發(fā)者較為熟悉的框架，如WeX5前端開源框架等，也是基於Bootstrap原始碼進(jìn)行效能優(yōu)化而來。

Bootstrap 是一個(gè)用於快速開發(fā) Web 應(yīng)用程式和網(wǎng)站的前端框架。 Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的。

Bootstrap 是 2011 年八月在 GitHub 上發(fā)布的開源產(chǎn)品。

Bootstrap 的包含內(nèi)容

• #基本結(jié)構(gòu)：Bootstrap 提供了一個(gè)有網(wǎng)格系統(tǒng)、連結(jié)樣式、背景的基本架構(gòu)。這將在Bootstrap 基本結(jié)構(gòu)部分詳細(xì)講解。

• CSS：Bootstrap 自帶以下功能：全域的 CSS設(shè)定、定義基本的 HTML 元素樣式、可擴(kuò)充的 class，以及先進(jìn)的網(wǎng)格系統(tǒng)。這將在Bootstrap CSS部分詳細(xì)講解。

• 元件：Bootstrap 包含了十幾個(gè)可重複使用的元件，用於建立映像、下拉式選單、導(dǎo)覽、警告框、彈出框等等。這將在佈局元件部分詳細(xì)講解。

• JavaScript 外掛程式：Bootstrap包含了十幾個(gè)自訂的jQuery 外掛程式。您可以直接包含所有的插件，也可以逐一包含這些插件。這將在Bootstrap插件部分詳細(xì)講解。

• 自訂：您可以自訂Bootstrap的元件、LESS 變數(shù)和jQuery 外掛程式來獲得您自己的版本。

為什麼要使用 Bootstrap？

• 行動(dòng)裝置優(yōu)先：自 Bootstrap 3 起，框架包含了貫穿整個(gè)庫(kù)的行動(dòng)裝置優(yōu)先的樣式。

• 瀏覽器支援：所有的主流瀏覽器都支援 Bootstrap。

• 容易上手：只要您具備 HTML 和 CSS 的基礎(chǔ)知識(shí)，就可以開始學(xué)習(xí) Bootstrap。

• 響應(yīng)式設(shè)計(jì)：Bootstrap 的響應(yīng)式 CSS 能夠自適應(yīng)於桌上型電腦、平板電腦和手機(jī)。更多有關(guān)響應(yīng)式設(shè)計(jì)的內(nèi)容詳見 Bootstrap 響應(yīng)式設(shè)計(jì)。

• 它為開發(fā)人員建立介面提供了一個(gè)簡(jiǎn)潔統(tǒng)一的解決方案。

• 它包含了功能強(qiáng)大的內(nèi)建元件，易於自訂。

• 它也提供了基於 Web 的客製化。

• 它是開源的。

支援元件

Bootstrap包含了豐富的網(wǎng)路元件，根據(jù)這些元件，可以快速的建置一個(gè)漂亮、功能完備的網(wǎng)站，其中包括以下元件：

下拉選單、按鈕群組、按鈕下拉選單、導(dǎo)航、導(dǎo)航列、路徑導(dǎo)航、分頁(yè)、排版、縮圖、警告對(duì)話方塊、進(jìn)度列、媒體物件等

支援外掛程式

Bootstrap自備了13個(gè)jQuery插件，這些插件為Bootstrap中的元件賦予了「生命」。其中包括：

模式對(duì)話框、標(biāo)籤頁(yè)、捲軸、彈出框等。

推薦學(xué)習(xí)：《bootstrap影片教學(xué)》

以上是bootstrap是什麼框架？是做什麼的？的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！