Bootstrap致力于：快速、高效開(kāi)發(fā)移動(dòng)端應(yīng)用為主的JS 框架
Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用于開(kāi)發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的 WEB 項(xiàng)目
主要組成部分：三部分
全局樣式：基本樣式{按鈕樣式、表單樣式、表格樣式、圖片樣式..}
組件樣式：基本元件和樣式{導(dǎo)航條、導(dǎo)航欄、縮略圖、下拉菜單..}
JS插件：對(duì)于組件樣式，添加動(dòng)作行為
官方網(wǎng)站：http://www.bootstrap.org
中文網(wǎng)站：http://www.bootcss.com
下載安裝配置
BS-下載-JS框架-js文件|****css****文件|操作案例
css文件：包含已經(jīng)封裝好的樣式：引入css文件即可使用bs的樣式庫(kù)[大量已經(jīng)實(shí)現(xiàn)的樣式，可以直接通過(guò)提供的名稱使用]
js文件：包含已經(jīng)封裝好的特效：需要引入jquery.js文件之后，引入bootstrap.js文件，因?yàn)閎ootstrap的網(wǎng)頁(yè)特效，是以jquery為基礎(chǔ)的。
下載：https://v3.bootcss.com/getting-started/#download
下載的文件是一個(gè)壓縮包
版本：Bootstrap 2.x – 3.x – 4.x
2.x：很久以前流行的版本，古老的項(xiàng)目中經(jīng)常見(jiàn)到bs2的身影。
3.x：現(xiàn)在流行的版本，不僅僅是對(duì)2的升級(jí)；開(kāi)始側(cè)重移動(dòng)端的開(kāi)發(fā)
4.x：未來(lái)可能會(huì)流行的版本，目前雖然官方發(fā)布了穩(wěn)定版，但是公司一般很少選擇
bootstrap3.3.7/ bootstrap主文件夾
js/ 包含bootstrap主要特效代碼的js文件的文件夾[bootstrap.js]
css/ 包含bootstrap主要樣式的文件夾，核心文件[bootstrap.css]
fonts/ 包含bootstrap中使用的默認(rèn)字體文件、字體圖標(biāo) 文件等等
項(xiàng)目開(kāi)發(fā)使用時(shí)，如果要求項(xiàng)目有良好的bootstrap支持，主要引入如下三個(gè)文件
bootstrap.min.css
jquery.min.js
bootstrap.min.js
bs中的網(wǎng)格布局：柵格系統(tǒng)
將網(wǎng)頁(yè)按照行列的方式進(jìn)行網(wǎng)格拆分
每一行可以包含12列；如果一行中超過(guò)了12列~超出部分自動(dòng)換行顯示[并不是新的一行]
bs中為了方便開(kāi)發(fā)人員的操作，將常規(guī)的樣式，全部封裝好之后，提供了樣式名稱。
可以直接通過(guò)樣式名稱進(jìn)行樣式的處理[bs中~并不是學(xué)習(xí)新樣式、新技術(shù)、新布局：bs中我們要做的，就是記住它的樣式(學(xué)會(huì)使用它的文檔)]
bootstrap基本語(yǔ)法– 2.0 基本樣式
容器樣式：網(wǎng)頁(yè)中的內(nèi)容，必須包含在一個(gè)指定的容器中。方便操作和統(tǒng)一管理。
.container ： 響應(yīng)式的，指定寬度的容器~隨著瀏覽器的尺寸變化自動(dòng)變化寬度。
.container-fluid：鋪滿瀏覽器窗口的流式容器 - 瀏覽器有多寬 - 這個(gè)樣式就有多寬
注意：不能嵌套使用。
目的：標(biāo)記一個(gè)區(qū)域，這個(gè)區(qū)域中，就可以使用柵格系統(tǒng)布局。
首先出現(xiàn)容器樣式，然后在容器樣式中，就可以定義行樣式和列樣式了
案例
行樣式：
.row 表示聲明一行
列樣式：
.col-md-n 表示聲明一列，占用n個(gè)標(biāo)準(zhǔn)列的位置。
樣式定義規(guī)則：
先有容器-> 再有行-> 再有列
列偏移：
.col-md-offset-n：從左到右偏移的列數(shù)
BS中網(wǎng)頁(yè)尺寸的定義：lg-md-sm-xs四中尺寸樣式，分別適用于不同尺寸的屏幕
lg:屏幕尺寸大于1170px情況下使用
md:屏幕尺寸大于970px情況下使用
sm:屏幕尺寸大于768px情況下使用
xs:屏幕尺寸小于768px情況下使用
.hidden-md:表示讓修飾的元素標(biāo)簽在md尺寸下隱藏，其他三種尺寸下顯示
.visible-md:表示讓修飾的元素標(biāo)簽在md尺寸下顯示，其他三種尺寸下隱藏
案例
柵格系統(tǒng)常規(guī)樣式
.container 定寬容器
.container-fluid 平鋪容器
.row 行
.col-md-n(col-lg-n/col-sm-n/col-xs-n) 列
.col-md-offset-n 列偏移
.hidden-md 響應(yīng)式-隱藏元素
.visible-md 響應(yīng)式-顯示元素
內(nèi)置段落樣式
text-left 左對(duì)齊
text-right右對(duì)齊
text-center居中
lead讓內(nèi)容突出顯示
案例
