【移動(dòng)應(yīng)用開發(fā)技術(shù)】Bootstrap學(xué)習(xí)：Bootstrap 環(huán)境安裝_第1頁(yè)
【移動(dòng)應(yīng)用開發(fā)技術(shù)】Bootstrap學(xué)習(xí)：Bootstrap 環(huán)境安裝_第2頁(yè)
【移動(dòng)應(yīng)用開發(fā)技術(shù)】Bootstrap學(xué)習(xí)：Bootstrap 環(huán)境安裝_第3頁(yè)
免費(fèi)預(yù)覽已結(jié)束，剩余1頁(yè)可下載查看

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

【移動(dòng)應(yīng)用開發(fā)技術(shù)】Bootstrap學(xué)習(xí)：Bootstrap環(huán)境安裝

Bootstrap安裝是非常容易的。首先了解下獲取bootstrap。下載Bootstrap可從

/

上下載Bootstrap的最新版本。點(diǎn)擊這個(gè)鏈接，將看到如下所示的網(wǎng)頁(yè)：您會(huì)看到兩個(gè)按鈕：DownloadBootstrap：下載Bootstrap。該按鈕可以下載BootstrapCSS、JavaScript和字體的預(yù)編譯的壓縮版本。不包含文檔和最初的源代碼文件。DownloadSource：下載源代碼。點(diǎn)擊該按鈕，您可以直接從from上得到最新的BootstrapLESS和JavaScript源代碼。如果您使用的是未編譯的源代碼，您需要編譯LESS文件來(lái)生成可重用的CSS文件。對(duì)于編譯LESS文件，Bootstrap官方只支持

Recess，這是Twitter的基于

less.js

的CSS提示。為了更好的了解和更方便的使用，一般只使用Bootstrap的預(yù)編譯版本。由于文件是被編譯過和壓縮過的，在獨(dú)立的功能開發(fā)中，您不必每次都包含這些獨(dú)立的文件。本教程編寫時(shí)，使用的是最新版（Bootstrap3）。文件結(jié)構(gòu)我們一般所用的Bootstrap只需要了解三部分，css/樣式,

js/代碼，font/字體預(yù)編譯的Bootstrap當(dāng)您下載了Bootstrap的已編譯的版本，解壓縮ZIP文件，您將看到下面的文件/目錄結(jié)構(gòu)：如上圖所示，可以看到已編譯的CSS和JS（完整的bootstrap.*），以及已編譯壓縮的CSS和JS（精簡(jiǎn)的bootstrap.min.*）。同時(shí)也包含了Glyphicons的字體，這是一個(gè)可選的Bootstrap主題。Bootstrap源代碼如果您下載了Bootstrap源代碼，那么文件結(jié)構(gòu)將如下所示：less/、js/

和

fonts/

下的文件分別是BootstrapCSS、JS和圖標(biāo)字體的源代碼。dist/

文件夾包含了上面預(yù)編譯下載部分中所列的文件和文件夾（預(yù)編譯的部分）。docs-assets/、examples/

和所有的

*.html

文件是Bootstrap文檔。

接下來(lái)舉例說(shuō)明，最簡(jiǎn)單的調(diào)用bootstrap。bootstrap調(diào)用同普通的css，js代碼調(diào)用一樣，將其規(guī)整建立css，js文件夾，放入里面，在html里面調(diào)用即可。HTML模板

一個(gè)使用了Bootstrap的基本的HTML模板如下所示：

<!

HTML5

樣式頭

-->

<!DOCTYPE

html>

<html>

<head>

<title>Bootstrap

模板</title>

<meta

name="viewport"

content="width=device-width,

initial-scale=1.0">

<!--

引入

Bootstrap

-->

<!--

HTML5

Shim

和

Respond.js

用于讓

IE8

支持

HTML5元素和媒體查詢

-->

<!--

注意：

如果通過

file://

引入

Respond.js

文件，則該文件無(wú)法起效果

-->

<!--[if

lt

IE

9]>

<script

src="/libs/html5shiv/3.7.0/html5shiv.js"></script>

<script

src="/libs/respond.js/1.3.0/respond.min.js"></script>

<![endif]-->

</head>

<body>

<h2>Hello,

world!</h2>

<!--

jQuery

(Bootstrap

的

JavaScript

插件需要引入

jQuery)

-->

<script

src=""></script>

<!--

包括所有已編譯的插件

-->

<script

src="js/bootstrap.min.js"></script>

</body>

</html>BootstrapCDN推薦（直接連接網(wǎng)絡(luò)調(diào)用，不用css，js文件了）

如果是國(guó)內(nèi)用戶，w3cschool菜鳥教程建議大家使用百度的靜態(tài)資源庫(kù)(/)<link

href="/libs/bootstrap/3.2.0/css/bootstrap.min.css"

rel="stylesheet">

<script

src="/libs

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論