課程大綱：

Bootstrap 4 基礎(chǔ)入門培訓(xùn)

1 Bootstrap 4 介紹

2 排版與表格

3 二十二類組件

4 柵格系統(tǒng)

5 公共樣式

6 仿樓課程頁面

1
入門

1.了解Bootstrap3與Bootstrap4的區(qū)別

2.下載與安裝Bootstrap

3.如何簡單使用Bootstrap

2
柵格系統(tǒng)

1.柵格系統(tǒng)基礎(chǔ)

2.柵格系統(tǒng)使用

3
排版

1.頁面默認值

2.標題

3.文本內(nèi)聯(lián)元素

4.中心段落

5.引用

6.縮略語

7.列表

8.代碼

9.圖片

4
表格

1.表格基礎(chǔ)

2.表格屬性

5
公共樣式（一）

1.顏色

2.Spacing間隔

3.邊框

4.浮動

5.寬度和高度

6.陰影

6
公共樣式（二）

1.Flex布局
2
.元素定位

3.關(guān)閉按鈕

4.顯示或隱藏內(nèi)容

7
按鈕類與輸入框組類組件

1.按鈕

2.按鈕組

3.輸入框

8
表單與下拉菜單

1.表單

2.表單驗證

3.下拉菜單

9
導(dǎo)航類

1.導(dǎo)航

2.面包屑導(dǎo)航

3.導(dǎo)航欄

10
列表組與滾動監(jiān)聽

1.徽章

2.列表組

3.滾動監(jiān)聽

11
框類組件

1.提示框與彈出框

2.警示框

3.模態(tài)框

4.分頁

5.進度條

12
折疊面板與輪播組件

1.卡片

2.折疊面板

3.輪播效果

4.大塊屏

5.媒體對象

13
Bootstrap 實現(xiàn)仿樓課程靜態(tài)頁面

1.頁面結(jié)構(gòu)分析

2.柵格系統(tǒng)

3.導(dǎo)航欄

4.卡片

5.按鈕組

6.媒體查詢

7.分頁器

8.進度條

14
Bootstrap 實現(xiàn)仿樓課程動態(tài)頁面

1.下拉菜單

2.折疊面板

3.提示框

4.多類組件的JavaScript方法