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

bootstrap是什么——bootstrap包含內(nèi)容

基本結(jié)構(gòu)：Bootstrap提供了一個帶有網(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)。這將在BootstrapCSS部分詳細(xì)講解。

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

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

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

bootstrap支持組件

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

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

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

模式對話框、標(biāo)簽頁、滾動條、彈出框等。

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

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

推薦閱讀

bootstrap響應(yīng)式布局 bootstrap響應(yīng)式布局快速入門教程 | 文軍營銷bootstrap是一種開發(fā)比較簡潔,直觀,強(qiáng)悍的前端開發(fā)框架,也算是網(wǎng)頁框架當(dāng)中的一種,然而這種框架都響應(yīng)式該如何布局呢?相信許多朋友已經(jīng)迫不及待想知道答案了,今天就與小編一起來了解一下吧。 bootstrap響應(yīng)式布局——bootstrap響應(yīng)式布局快速入門教程 后使用方法實例,截圖如下: 方法/步驟 首先要在html文件的頭部寫