課程大綱：

Bootstrap 4 基礎入門培訓

1 Bootstrap 4 介紹

2 排版與表格

3 二十二類組件

4 柵格系統

5 公共樣式

6 仿樓課程頁面

1
入門

1.了解Bootstrap3與Bootstrap4的區別

2.下載與安裝Bootstrap

3.如何簡單使用Bootstrap

2
柵格系統

1.柵格系統基礎

2.柵格系統使用

3
排版

1.頁面默認值

2.標題

3.文本內聯元素

4.中心段落

5.引用

6.縮略語

7.列表

8.代碼

9.圖片

4
表格

1.表格基礎

2.表格屬性

5
公共樣式（一）

1.顏色

2.Spacing間隔

3.邊框

4.浮動

5.寬度和高度

6.陰影

6
公共樣式（二）

1.Flex布局
2
.元素定位

3.關閉按鈕

4.顯示或隱藏內容

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

1.按鈕

2.按鈕組

3.輸入框

8
表單與下拉菜單

1.表單

2.表單驗證

3.下拉菜單

9
導航類

1.導航

2.面包屑導航

3.導航欄

10
列表組與滾動監聽

1.徽章

2.列表組

3.滾動監聽

11
框類組件

1.提示框與彈出框

2.警示框

3.模態框

4.分頁

5.進度條

12
折疊面板與輪播組件

1.卡片

2.折疊面板

3.輪播效果

4.大塊屏

5.媒體對象

13
Bootstrap 實現仿樓課程靜態頁面

1.頁面結構分析

2.柵格系統

3.導航欄

4.卡片

5.按鈕組

6.媒體查詢

7.分頁器

8.進度條

14
Bootstrap 實現仿樓課程動態頁面

1.下拉菜單

2.折疊面板

3.提示框

4.多類組件的JavaScript方法