前端框架Bootstrap4培訓

1 Bootstrap4安裝
1.1 使用CDN
1.2 從官網下載 Bootstrap 4并本地調用
1.3 創建第一個Bootstrap4頁面
1.4 理解Bootstraps4與CSS、JS的關系
2 Bootstrap4 網格系統
2.1 網格類
2.2 網格系統規則
2.3 網格的基本結構
2.4 網格布局在不同終端的響應式處理
3 Bootstrap4 文字排版
3.1 Bootstrap 4 默認基本設置
3.2 標題默認設置與標題類
3.3 常見文字相關標簽在Bootstrap4中的默認樣式
3.4 更多排版相關的類
4 Font Awesome字體
4.1 基礎原理
4.2 使用方法
4.3 應用場景
5 Bootstrap4 顏色
5.1 文字顏色類
5.2 背景顏色類
6 Bootstrap4 表格
6.1 基礎表格
6.2 條紋表格
6.3 帶邊框表格
6.4 鼠標懸停狀態
6.5 黑色背景表格
6.6 黑色條紋表格
6.7 特定意義的顏色類
6.8 表頭顏色
6.9 較小的表格
6.10 響應式表格
7 Bootstrap4 圖像形狀
7.1 圓角圖片
7.2 橢圓圖片
7.3 縮略圖
7.4 圖片對齊方式
7.5 響應式圖片
8 Bootstrap4 Jumbotron
9 Bootstrap4 信息提示框
9.1 提示框添加鏈接
9.2 關閉提示框
9.3 提示框動畫
10 Bootstrap4 按鈕與按鈕組
11 Bootstrap4 徽章
12 Bootstrap4進度條
13 Bootstrap4分頁
14 Bootstrap4列表組
15 Bootstrap4卡片
16 Bootstrap4 下拉菜單
16.1 實例解析
16.2 下拉菜單中的分割線
16.3 下拉菜單中的標題
16.4 下拉菜單中的可用項與禁用項
16.5 下拉菜單的定位
16.6 下拉菜單彈出方向設置
16.7 按鈕中設置下拉菜單
17 Bootstrap4 折疊
18 Bootstrap4 導航
18.1 導航對齊方式
18.2 垂直導航
18.3 選項卡
18.4 膠囊導航
18.5 導航等寬
18.6 膠囊下拉菜單
18.7 選項卡下拉菜單
18.8 動態選項卡
18.9 膠囊狀動態選項卡
19 Bootstrap4 導航欄
19.1 垂直導航欄
19.2 導航欄顏色設置
19.3 品牌/Logo
19.4 折疊導航欄
19.5 導航欄使用下拉菜單
19.6 導航欄的表單與按鈕
19.7 導航欄文本
19.8 固定導航欄
20 Bootstrap4 面包屑導航
21 Bootstrap4 表單
21.1 堆疊表單
21.2 內聯表單
22 Bootstrap4 表單控件
22.1 input
22.2 textarea
22.3 checkbox
22.4 radio
22.5 select
23 Bootstrap4 輸入框組
24 Bootstrap4 自定義表單
24.1 自定義復選框
24.2 自定義單選框
24.3 自定義控件顯示在同一行
24.4 自定義選擇菜單
24.5 自定義滑塊控件
24.6 自定義文件上傳控件
25 Bootstrap4 輪播
25.1 如何創建輪播
25.2 輪播圖片上添加描述
26 Bootstrap4 模態框
27 Bootstrap4 提示框
28 Bootstrap4 彈出框
29 Bootstrap4 頁面滾動監聽
30 Bootstrap4 小工具
30.1 邊框
30.2 邊框顏色
30.3 邊框圓角設置
30.4 浮動
30.5 響應式浮動
30.6 居中對齊
30.7 寬度
30.8 高度
31 Bootstrap 4 Flex
31.1 彈性盒子(flexbox)模型
31.2 水平排列
31.3 垂直排列
31.4 垂直排列
31.5 兩端對齊
31.6 其他flex設置
32 Bootstrap 4 多媒體對象