1.Bootstrap網(wǎng)格系統(tǒng)(Grid System)
Bootstrap 提供了一套響應(yīng)式、移動(dòng)設(shè)備優(yōu)先的流式網(wǎng)格系統(tǒng),隨著屏幕或視口(viewport)尺寸的增加,系統(tǒng)會(huì)自動(dòng)分為最多12列。

(1)一些預(yù)定義的網(wǎng)格類,比如 .row 和 .col-xs-4;
(2)網(wǎng)格選項(xiàng):

(3) Bootstrap 網(wǎng)格的基本結(jié)構(gòu):

(4)實(shí)例:手機(jī),平板,電腦

(5)實(shí)現(xiàn)內(nèi)容對(duì)設(shè)備的顯示和隱藏:

其中*指:block,inline,inline-block;
(6)偏移列:為了在大屏幕顯示器上使用偏移,請(qǐng)使用 .col-md-offset- 類。這些類會(huì)把一個(gè)列的左外邊距(margin)增加 * 列,其中 * 范圍是從 1 到 11。
(7)嵌套列;
(8)列排序:可以改變帶有 .col-md-push-* 和 .col-md-pull-* 類的內(nèi)置網(wǎng)格列的順序,其中 * 范圍是從 1 到 11。
2.Bootstrap排版
http://www.runoob.com/bootstrap/bootstrap-typography.html
3.Boorstrap代碼
code,pre
使用兩個(gè)標(biāo)簽時(shí),內(nèi)部的代碼如果用到<>需要使用 unicode 變體: < 和 >。
4.Bootstrap表格
http://www.runoob.com/bootstrap/bootstrap-tables.html
5.Bootstrap表單
http://www.runoob.com/bootstrap/bootstrap-forms.html
6.Bootstrap按鈕
http://www.runoob.com/bootstrap/bootstrap-buttons.html
7.Bootstrap圖片
http://www.runoob.com/bootstrap/bootstrap-images.html