Bootstrap是美國(guó)Twitter公司的設(shè)計(jì)師MarkOtto和JacobThornton合作基于HTML、CSS、JavaScript開發(fā)的簡(jiǎn)潔、直觀、強(qiáng)悍的前端開發(fā)框架，使得Web開發(fā)更加快捷。[1]Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動(dòng)態(tài)CSS語言Less寫成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門開源項(xiàng)目，包括NASA的MSNBC（微軟全國(guó)廣播公司）的BreakingNews都使用了該項(xiàng)目。[2]國(guó)內(nèi)一些移動(dòng)開發(fā)者較為熟悉的框架，如WeX5前端開源框架等，也是基于Bootstrap源碼進(jìn)行性能優(yōu)化而來。

bootstrap是什么——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，以及一個(gè)先進(jìn)的網(wǎng)格系統(tǒng)。這將在BootstrapCSS部分詳細(xì)講解。

組件：Bootstrap包含了十幾個(gè)可重用的組件，用于創(chuàng)建圖像、下拉菜單、導(dǎo)航、警告框、彈出框等等。這將在布局組件部分詳細(xì)講解。

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

定制：您可以定制Bootstrap的組件、LESS變量和jQuery插件來得到您自己的版本。

bootstrap支持組件

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

下拉菜單、按鈕組、按鈕下拉菜單、導(dǎo)航、導(dǎo)航條、路徑導(dǎo)航、分頁(yè)、排版、縮略圖、警告對(duì)話框、進(jìn)度條、媒體對(duì)象等。

Bootstrap自帶了13個(gè)jQuery插件，這些插件為Bootstrap中的組件賦予了“生命”。其中包括：

模式對(duì)話框、標(biāo)簽頁(yè)、滾動(dòng)條、彈出框等。

Less是一個(gè)CSS預(yù)處理器，讓CSS具有動(dòng)態(tài)性。另一方面，Bootstrap是一個(gè)快速開發(fā)WebApp和站點(diǎn)的工具包。這樣，您可以在CSS中使用Bootstrap的Less變量、mixins（混合）和nesting（嵌套）。

Bootstrap是Twitter推出的一個(gè)用于前端開發(fā)的開源工具包。它由Twitter的設(shè)計(jì)師MarkOtto和JacobThornton合作開發(fā),是一個(gè)CSS/HTML框架。是一個(gè)做網(wǎng)頁(yè)的框架。如果大家還想了解更多與之有關(guān)的信息，歡迎關(guān)注我們文軍營(yíng)銷的官網(wǎng)。

推薦閱讀