資訊專欄INFORMATION COLUMN
摘要：環(huán)境安裝本站實(shí)例采用的是百度的靜態(tài)資源庫(kù)上的資源。不包含文檔和最初的源代碼文件。點(diǎn)擊該按鈕，您可以直接從上得到最新的和源代碼。如果您使用的是未編譯的源代碼，您需要編譯文件來(lái)生成可重用的文件。
1.Bootstrap 1.1 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)得到您自己的版本。
1.2 Bootstrap 環(huán)境安裝本站實(shí)例采用的是百度的靜態(tài)資源庫(kù)(http://cdn.code.baidu.com/)上的Bootstrap資源。
百度的靜態(tài)資源庫(kù)的 CDN 服務(wù)，訪問速度更快、加速效果更明顯、沒有速度和帶寬限制、永久免費(fèi)，引入代碼就可以直接使用，也可以從CDN下載代碼，示例如下：
HTML 模板（使用百度CDN，支持IE8)
一個(gè)使用了 Bootstrap 的基本的 HTML 模板如下所示：
Bootstrap v3.2 Template
你好，世界！
在這里，您可以看到包含了 jquery.js、bootstrap.min.js 和 bootstrap.min.css 文件，用于讓一個(gè)常規(guī)的 HTML 文件變?yōu)槭褂昧?Bootstrap 的模板。
官網(wǎng)下載 Bootstrap您可以從 http://getbootstrap.com/ 上下載 Bootstrap 的最新版本。
您會(huì)看到兩個(gè)按鈕：
Download Bootstrap：下載 Bootstrap。點(diǎn)擊該按鈕，您可以下載 Bootstrap CSS、JavaScript 和字體的預(yù)編譯的壓縮版本。不包含文檔和最初的源代碼文件。
Download Source：下載源代碼。點(diǎn)擊該按鈕，您可以直接從 from 上得到最新的 Bootstrap LESS 和 JavaScript 源代碼。
如果您使用的是未編譯的源代碼，您需要編譯 LESS 文件來(lái)生成可重用的 CSS 文件。對(duì)于編譯 LESS 文件，Bootstrap 官方只支持 Recess，這是 Twitter 的基于 less.js 的 CSS 提示。
由于文件是被編譯過(guò)和壓縮過(guò)的，在獨(dú)立的功能開發(fā)中，您不必每次都包含這些獨(dú)立的文件。
文件結(jié)構(gòu) 預(yù)編譯的 Bootstrap當(dāng)您下載了 Bootstrap 的已編譯的版本，解壓縮 ZIP 文件，您將看到下面的文件/目錄結(jié)構(gòu)：
Bootstrap 源代碼如果您下載了 Bootstrap 源代碼，那么文件結(jié)構(gòu)將如下所示：
less/、js/ 和 fonts/ 下的文件分別是 Bootstrap CSS、JS 和圖標(biāo)字體的源代碼。
dist/ 文件夾包含了上面預(yù)編譯下載部分中所列的文件和文件夾。
docs-assets/、examples/ 和所有的 *.html 文件是 Bootstrap 文檔。
實(shí)例現(xiàn)在讓我們嘗試使用使用Bootstrap輸出"Hello, world!"：
在線嘗試 Bootstrap 實(shí)例 Hello, world!
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/79288.html
摘要：筆記說(shuō)明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時(shí)間開的一個(gè)專欄，每天分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以加入的專欄學(xué)習(xí)原文有的語(yǔ)音，如有侵權(quán)請(qǐng)聯(lián)系我，郵箱。 筆記說(shuō)明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄，每天10分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以...
摘要：筆記說(shuō)明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時(shí)間開的一個(gè)專欄，每天分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以加入的專欄學(xué)習(xí)原文有的語(yǔ)音，如有侵權(quán)請(qǐng)聯(lián)系我，郵箱。 筆記說(shuō)明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄，每天10分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以...
摘要：筆記說(shuō)明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時(shí)間開的一個(gè)專欄，每天分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以加入的專欄學(xué)習(xí)原文有的語(yǔ)音，如有侵權(quán)請(qǐng)聯(lián)系我，郵箱。 筆記說(shuō)明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄，每天10分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以...
摘要：筆記說(shuō)明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時(shí)間開的一個(gè)專欄，每天分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以加入的專欄學(xué)習(xí)原文有的語(yǔ)音，如有侵權(quán)請(qǐng)聯(lián)系我，郵箱。 筆記說(shuō)明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄，每天10分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以...
摘要：筆記說(shuō)明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時(shí)間開的一個(gè)專欄，每天分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以加入的專欄學(xué)習(xí)原文有的語(yǔ)音，如有侵權(quán)請(qǐng)聯(lián)系我，郵箱。 筆記說(shuō)明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄，每天10分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以...
閱讀 2760·2021-11-25 09:43
閱讀 2123·2021-11-18 13:25
閱讀 4613·2021-09-22 15:52
閱讀 1886·2021-09-22 15:49
閱讀 2226·2019-08-30 15:54
閱讀 3021·2019-08-29 17:13
閱讀 2328·2019-08-29 16:54
閱讀 2266·2019-08-29 12:58
