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
