bootstrap教程_20141001

bootstrap教程_20141001

ID:32299394

大小:8.73 MB

頁(yè)數(shù):202頁(yè)

時(shí)間:2019-02-02

bootstrap教程_20141001_第1頁(yè)
bootstrap教程_20141001_第2頁(yè)
bootstrap教程_20141001_第3頁(yè)
bootstrap教程_20141001_第4頁(yè)
bootstrap教程_20141001_第5頁(yè)
資源描述:

《bootstrap教程_20141001》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫(kù)

1、W3SchoolBootstrap教程來(lái)源:www.w3cschool.cc整理:飛龍日期:2014.10.1Bootstrap簡(jiǎn)介什么是Bootstrap?Bootstrap是一個(gè)用于快速開發(fā)Web應(yīng)用程序和網(wǎng)站的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的。歷史Bootstrap是由Twitter的MarkOtto和JacobThornton開發(fā)的。Bootstrap是2011年八月在GitHub上發(fā)布的開源產(chǎn)品。為什么使用Bootstrap?移動(dòng)設(shè)備優(yōu)先:自Bootstrap3起,框架包含了貫穿于整個(gè)

2、庫(kù)的移動(dòng)設(shè)備優(yōu)先的樣式。瀏覽器支持:所有的主流瀏覽器都支持Bootstrap。容易上手:只要您具備HTML和CSS的基礎(chǔ)知識(shí),您就可以開始學(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)容詳見Bootstrap響應(yīng)式設(shè)計(jì)。它為開發(fā)人員創(chuàng)建接口提供了一個(gè)簡(jiǎn)潔統(tǒng)一的解決方案。它包含了功能強(qiáng)大的內(nèi)置組件,易于定制。它還提供了基于Web的定制。它是開源的。Bootstrap包的內(nèi)容基本結(jié)構(gòu):Bootstrap提供了一個(gè)帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。這將在Bo

3、otstrap基本結(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ì)講解。定制:您可以定制Bootstr

4、ap的組件、LESS變量和jQuery插件來(lái)得到您自己的版本。在線實(shí)例本站的Bootstrap教程包含了上百個(gè)實(shí)例。你可以使用我們的在線編輯器在線編輯代碼,并點(diǎn)擊運(yùn)行按鈕查看結(jié)果。Bootstrap實(shí)例

Createaresponsivetablewithalternatingcellbackgroundcolor:

<

5、tr>#NameStreet1AnnaAwesomeBroomeStreet2DebbieDallasHoustonStreet3JohnDoeMadisonStreet

點(diǎn)擊"

6、嘗試一下"按鈕查看它是如何工作的。Bootstrap環(huán)境安裝Bootstrap安裝是非常容易的。本章將講解如何下載并安裝Bootstrap,討論Bootstrap文件結(jié)構(gòu),并通過(guò)一個(gè)實(shí)例演示它的用法。下載Bootstrap您可以從http://getbootstrap.com/上下載Bootstrap的最新版本。當(dāng)您點(diǎn)擊這個(gè)鏈接時(shí),您將看到如下所示的網(wǎng)頁(yè):您會(huì)看到兩個(gè)按鈕:DownloadBootstrap:下載Bootstrap。點(diǎn)擊該按鈕,您可以下載BootstrapCSS、JavaScript和字體的預(yù)編譯的壓縮版本。不包含文檔和

7、最初的源代碼文件。DownloadSource:下載源代碼。點(diǎn)擊該按鈕,您可以直接從from上得到最新的BootstrapLESS和JavaScript源代碼。如果您使用的是未編譯的源代碼,您需要編譯LESS文件來(lái)生成可重用的CSS文件。對(duì)于編譯LESS文件,Bootstrap官方只支持Recess,這是Twitter的基于less.js的CSS提示。為了更好的了解和更方便的使用,我們將在本教程中使用Bootstrap的預(yù)編譯版本。由于文件是被編譯過(guò)和壓縮過(guò)的,在獨(dú)立的功能開發(fā)中,您不必每次都包含這些獨(dú)立的文件。本教程編寫時(shí),使用的是最

8、新版(Bootstrap3)。文件結(jié)構(gòu)預(yù)編譯的Bootstrap當(dāng)您下載了Bootstrap的已編譯的版本,解壓縮ZIP文件,您將看到下面的文件/目錄結(jié)構(gòu):如上圖所示,可以看到已編譯的CSS和JS(boot

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無(wú)此問(wèn)題,請(qǐng)放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無(wú)法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。
相關(guān)標(biāo)簽