bootstrap是一個(gè)用于快速開(kāi)發(fā)web應(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 開(kāi)發(fā)的簡(jiǎn)潔、直觀、強(qiáng)悍的前端開(kāi)發(fā)框架,使得 web 開(kāi)發(fā)更加快捷。bootstrap提供了優(yōu)雅的html和css規(guī)范,它即是由動(dòng)態(tài)css語(yǔ)言less寫(xiě)成。bootstrap一經(jīng)推出后頗受歡迎,一直是github上的熱門(mén)開(kāi)源項(xiàng)目,包括nasa的msnbc(微軟全國(guó)廣播公司)的breaking news都使用了該項(xiàng)目。國(guó)內(nèi)一些移動(dòng)開(kāi)發(fā)者較為熟悉的框架,如wex5前端開(kāi)源框架等,也是基于bootstrap源碼進(jìn)行性能優(yōu)化而來(lái)。
bootstrap 是一個(gè)用于快速開(kāi)發(fā) web 應(yīng)用程序和網(wǎng)站的前端框架。bootstrap 是基于 html、css、javascript 的。
bootstrap 是 2011 年八月在 github 上發(fā)布的開(kāi)源產(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,以及一個(gè)先進(jìn)的網(wǎng)格系統(tǒng)。這將在bootstrap css部分詳細(xì)講解。
組件:bootstrap 包含了十幾個(gè)可重用的組件,用于創(chuàng)建圖像、下拉菜單、導(dǎo)航、警告框、彈出框等等。這將在布局組件部分詳細(xì)講解。
javascript 插件:bootstrap包含了十幾個(gè)自定義的jquery 插件。您可以直接包含所有的插件,也可以逐個(gè)包含這些插件。這將在bootstrap插件部分詳細(xì)講解。
定制:您可以定制bootstrap的組件、less 變量和jquery 插件來(lái)得到您自己的版本。
為什么使用 bootstrap?
移動(dòng)設(shè)備優(yōu)先:自 bootstrap 3 起,框架包含了貫穿于整個(gè)庫(kù)的移動(dòng)設(shè)備優(yōu)先的樣式。
瀏覽器支持:所有的主流瀏覽器都支持 bootstrap。
容易上手:只要您具備 html 和 css 的基礎(chǔ)知識(shí),您就可以開(kāi)始學(xué)習(xí) bootstrap。
響應(yīng)式設(shè)計(jì):bootstrap 的響應(yīng)式 css 能夠自適應(yīng)于臺(tái)式機(jī)、平板電腦和手機(jī)。更多有關(guān)響應(yīng)式設(shè)計(jì)的內(nèi)容詳見(jiàn) bootstrap 響應(yīng)式設(shè)計(jì)。
它為開(kāi)發(fā)人員創(chuàng)建接口提供了一個(gè)簡(jiǎn)潔統(tǒng)一的解決方案。
它包含了功能強(qiáng)大的內(nèi)置組件,易于定制。
它還提供了基于 web 的定制。
它是開(kāi)源的。
支持組件
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)條、彈出框等。