前端框架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 多媒體對象???
?33 Bootstrap4 實例（重點）