Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發(fā)更加快捷。今天給大家寫了一個(gè)很基礎(chǔ)的BootStrap學(xué)習(xí)教程，從零開始講解。

1、什么Bootstrap

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

2、Bootstrap背景

Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 開發(fā)的。Bootstrap 是 2011 年八月在 GitHub 上發(fā)布的開源產(chǎn)品。

3、Bootstrap優(yōu)勢

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

瀏覽器支持：所有的主流瀏覽器都支持 Bootstrap,夸瀏覽器特性好。

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

響應(yīng)式設(shè)計(jì)：Bootstrap 的響應(yīng)式 CSS 能夠自適應(yīng)于臺式機(jī)、平板電腦和手機(jī)

它為開發(fā)人員創(chuàng)建接口提供了一個(gè)簡潔統(tǒng)一的解決方案。

它包含了功能強(qiáng)大的內(nèi)置組件，易于定制。

它還提供了基于 Web 的定制。

它是開源的。

4、Bootstrap包的內(nèi)容

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

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

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

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

Bootstrap 的使用

1、Bootstrap：的使用就是合理的使用，封裝好的css樣式和js框架。

2、下載Bootstrap 載入到項(xiàng)目中，進(jìn)行調(diào)用；

進(jìn)入Bootstrap官網(wǎng) 下載Bootstrap官網(wǎng) http://www.bootcss.com；下載Bootstrap 組件（提示：下載用于生產(chǎn)環(huán)境的 Bootstrap），下載完成后，有三個(gè)文件夾分別是：css、fonts、js；這三個(gè)文件夾就是封裝好的Bootstrap框架，在框架文件夾css中全部是已經(jīng)書寫好的css樣式，我們開發(fā)者只是引入就可以使用了，有如下文件：bootstrap.css于bootstrap.min.css, 類似的這個(gè)文件其實(shí)功能是一樣的，后者為壓縮后的文件，前者沒有被壓縮。而fonts于js文件夾則是已經(jīng)封裝好的字體、圖標(biāo)、javascript框架庫；

原文來自：C博客/ITsource