bootstrap教程_20141001

bootstrap教程_20141001

ID:32299394

大小:8.73 MB

頁數(shù):202頁

時間:2019-02-02

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

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

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

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

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

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

Createaresponsivetablewithalternatingcellbackgroundcolor:

<

5、tr>#NameStreet1AnnaAwesomeBroomeStreet2DebbieDallasHoustonStreet3JohnDoeMadisonStreet

點擊"

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

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

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

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

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

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