├─02 課程概觀 │        002 為什麼 Bootstrap 有這樣大的魅力-zh.srt │        002 為什麼 Bootstrap 有這樣大的魅力.mp4 │        003 Bootstrap 4 與前一版的差異.mp4 │        004 新手、老手課程導覽.mp4 │        005 更新紀錄.html │        006 字幕錯誤修正.html │        007 Bootstrap-Keynote-beta1.pdf │        007 課程補充教材.html │ ├─03 快速上手 Bootstrap │        008 認識 Bootstrap 的文件-zh.srt │        008 認識 Bootstrap 的文件.mp4 │        009 中英文文件連結.html │        010 建立開發環境 - 使用 VSCode-zh.srt │        010 建立開發環境 - 使用 VSCode.mp4 │        011 加入 Bootstrap 及元件的組成概念-zh.srt │        011 加入 Bootstrap 及元件的組成概念.mp4 │        012 Bootstrap 建立第一個網頁-zh.srt │        012 Bootstrap 建立第一個網頁.mp4 │        012 starter.html │ ├─04 基礎內容文件要點說明 │        013 重置排版-zh.srt │        013 重置排版.mp4 │        014 typography.html │        014 文字與語意化-zh.srt │        014 文字與語意化.mp4 │        015 圖片與響應式-zh.srt │        015 圖片與響應式.mp4 │        016 table.html │        016 表格基本架構說明.mp4 │ ├─05 Flex 、網格系統 及相關的排版概念 │        017 網格概念.mp4 │        018 Bootstrap 中的欄與列.mp4 │        018 grid.html │        019 Bootstrap 中的響應式中斷點.mp4 │        020 欄與欄寬.mp4 │        021 CSS3 Flex 的重要觀念 ? ? ?.mp4 │        022 Bootstrap 通用類別與 Flex ?.mp4 │        022 grid-and-flex.html │        023 Container 觀念 ?.mp4 │        024 Bootstrap Flex 補充說明 ?.mp4 │        024 flex-utilities-less-use.html │        025 utilities-spacing.html │        025 通用類別中的 Spacing 妙用.mp4 │        026 範例：元件與 Grid 的關係.mp4 │        027 flex-img.html │        027 範例：使用 Grid 製作相簿排版.mp4 │        028 flex-timeline.html │        028 範例：使用 Grid 製作時間軸的排版.mp4 │        029 結語：本章很重要，請多多練習.mp4 │ ├─06 Bootstrap 通用類別 (Utilities) │        030 下載練習範例並運行-zh.srt │        030 下載練習範例並運行.mp4 │        031 課程練習網址.html │        032 Grid 額外練習章節：網格系統.mp4 │        033 Grid 額外練習章節：媒體物件.mp4 │        034 Borders 邊框-zh.srt │        034 Borders 邊框.mp4 │        035 Clearfix 清除浮動 ?-zh.srt │        035 Clearfix 清除浮動 ?.mp4 │        036 Close Icon 關閉圖示-zh.srt │        036 Close Icon 關閉圖示.mp4 │        037 Color 顏色 ??-zh.srt │        037 Color 顏色 ??.mp4 │        038 Display 顯示屬性 ??-zh.srt │        038 Display 顯示屬性 ??.mp4 │        039 Embed 內嵌-zh.srt │        039 Embed 內嵌.mp4 │        040 通用類別 Flex ???-zh.srt │        040 通用類別 Flex ???.mp4 │        041 通用類別 Float ?-zh.srt │        041 通用類別 Float ?.mp4 │        042 Image replacement 圖像替換-zh.srt │        042 Image replacement 圖像替換.mp4 │        043 Position 位置 ?-zh.srt │        043 Position 位置 ?.mp4 │        044 Screenreaders 螢幕閱讀器-zh.srt │        044 Screenreaders 螢幕閱讀器.mp4 │        045 Sizing 尺寸-zh.srt │        045 Sizing 尺寸.mp4 │        046 Spacing 間隔 ???-zh.srt │        046 Spacing 間隔 ???.mp4 │        047 Text 文字 ???-zh.srt │        047 Text 文字 ???.mp4 │        048 vertical-align 垂直對齊-zh.srt │        048 vertical-align 垂直對齊.mp4 │        049 Visibility 可見性-zh.srt │        049 Visibility 可見性.mp4 │ ├─07 Bootstrap 元件 (Components) │        050 Bootstrap 文件概述-zh.srt │        050 Bootstrap 文件概述.mp4 │        051 盲人如何閱讀網頁 (網頁親和性與他的工具)-zh.srt │        051 盲人如何閱讀網頁 (網頁親和性與他的工具).mp4 │        052 Sass 與 Bootstrap-zh.srt │        052 Sass 與 Bootstrap.mp4 │        053 Alerts 警報 ?-zh.srt │        053 Alerts 警報 ?.mp4 │        054 Badge 標籤-zh.srt │        054 Badge 標籤.mp4 │        055 breadcrumb 麵包屑-zh.srt │        055 breadcrumb 麵包屑.mp4 │        056 Buttons 按鈕 ???.mp4 │        057 Button group 按鈕群組-zh.srt │        057 Button group 按鈕群組.mp4 │        058 Card 卡片 ??-zh.srt │        058 Card 卡片 ??.mp4 │        059 Carousel  輪播-zh.srt │        059 Carousel  輪播.mp4 │        060 Collapse 折疊 ??-zh.srt │        060 Collapse 折疊 ??.mp4 │        061 Dropdowns 下拉選單 ?-zh.srt │        061 Dropdowns 下拉選單 ?.mp4 │        062 Forms 表單 ???.mp4 │        063 表單驗證-zh.srt │        063 表單驗證.mp4 │        064 Input group _ Input 群組.mp4 │        065 Jumbotron 廣告大屏幕-zh.srt │        065 Jumbotron 廣告大屏幕.mp4 │        066 List group 列表群組.mp4 │        067 Modal 互動視窗 ??.mp4 │        068 Navs 導覽 ?-zh.srt │        068 Navs 導覽 ?.mp4 │        069 Navbar 導覽列 ???-zh.srt │        069 Navbar 導覽列 ???.mp4 │        070 Pagination 分頁-zh.srt │        070 Pagination 分頁.mp4 │        071 Popovers, Tooltips _ 彈出提示框、工具提示框 ?-zh.srt │        071 Popovers, Tooltips _ 彈出提示框、工具提示框 ?.mp4 │        072 Scrollspy 滾動監控-zh.srt │        072 Scrollspy 滾動監控.mp4 │        073 Progress 進度條-zh.srt │        073 Progress 進度條.mp4 │ ├─08 實作練習： Blog 網站版型 │        074 Blog 版型案例說明-zh.srt │        074 Blog 版型案例說明.mp4 │        075 將 Fontawesome 加到網頁上-zh.srt │        075 將 Fontawesome 加到網頁上.mp4 │        076 使用從零開始建立 Blog 版型-zh.srt │        076 使用從零開始建立 Blog 版型.mp4 │        077 網格系統及內文排版-zh.srt │        077 網格系統及內文排版.mp4 │        078 留言區塊排版說明-zh.srt │        078 留言區塊排版說明.mp4 │        079 使用 Utilities 建立 Footer 結構-zh.srt │        079 使用 Utilities 建立 Footer 結構.mp4 │        080 Blog 作業檢查-zh.srt │        080 Blog 作業檢查.mp4 │        081 blog.zip │        081 部落格作業說明.html │ ├─09 形象首頁版型介紹 │        082 形象版網頁頁面的介紹-zh.srt │        082 形象版網頁頁面的介紹.mp4 │        083 LandingPage.zip │        083 範例檔案及相關連結.html │        084 Navbar 的實作與調整-zh.srt │        084 Navbar 的實作與調整.mp4 │        085 製作滿版的背景圖及文字輪播-zh.srt │        085 製作滿版的背景圖及文字輪播.mp4 │        086 常見的三欄式排版-zh.srt │        086 常見的三欄式排版.mp4 │        087 使用格線做混合式排版-zh.srt │        087 使用格線做混合式排版.mp4 │        088 充滿自由的 Flex 排版-zh.srt │        088 充滿自由的 Flex 排版.mp4 │        089 網頁上置放 Google Map 及表單-zh.srt │        089 網頁上置放 Google Map 及表單.mp4 │        090 Bootstrap 簡易表單驗證-zh.srt │        090 Bootstrap 簡易表單驗證.mp4 │        091 格線系統及背景效果-zh.srt │        091 格線系統及背景效果.mp4 │        092 網頁中不同 Modal 互相切換的手法-zh.srt │        092 網頁中不同 Modal 互相切換的手法.mp4 │        093 修正 Modal 小錯誤.mp4 │ ├─10 後台版型介紹 上線 │        094 後台版型課程介紹-zh.srt │        094 後台版型課程介紹.mp4 │        095 dashboard-update.html │        095 範例檔案及相關連結.html │        096 使用 Flex 伸展特性安排組件-zh.srt │        096 使用 Flex 伸展特性安排組件.mp4 │        097 為你的後台加上圖表版型-zh.srt │        097 為你的後台加上圖表版型.mp4 │        098 表格結構注意細節-zh.srt │        098 表格結構注意細節.mp4 │        099 為了你的後台加上控制列-zh.srt │        099 為了你的後台加上控制列.mp4 │        100 為表格加上回饋式訊息-zh.srt │        100 為表格加上回饋式訊息.mp4 │        101 進階 Modal 使用，動態傳入參數-zh.srt │        101 進階 Modal 使用，動態傳入參數.mp4 │        102 最後補充及作業說明-zh.srt │        102 最後補充及作業說明.mp4 │ ├─11 購物網站介面上線 │        103 Bootstrap 製作購物網頁簡介-zh.srt │        103 Bootstrap 製作購物網頁簡介.mp4 │        104 shoppingCart.html │        104 範例檔案及相關連結.html │        105 自定義 Dropdown 技巧-zh.srt │        105 自定義 Dropdown 技巧.mp4 │        106 Jumbotron 大區塊排版技巧-zh.srt │        106 Jumbotron 大區塊排版技巧.mp4 │        107 卡片式排版與 Grid System 整齊排版手法-zh.srt │        107 卡片式排版與 Grid System 整齊排版手法.mp4 │        108 使用 List Group 切換產品類別-zh.srt │        108 使用 List Group 切換產品類別.mp4 │        109 產品購買區塊製作-zh.srt │        109 產品購買區塊製作.mp4 │        110 使用 Alert 元件製作多步驟提示-zh.srt │        110 使用 Alert 元件製作多步驟提示.mp4 │        111 收合購物車列表及表單排版技巧-zh.srt │        111 收合購物車列表及表單排版技巧.mp4 │        112 購物車頁面作業說明-zh.srt │        112 購物車頁面作業說明.mp4 │ ├─12 Bootstrap 與 Sass │        113 Sass 環境與運行的方法-zh.srt │        113 Sass 環境與運行的方法.mp4 │        114 本章節使用的說明文件.html │        115 選擇性載入 Bootstrap 與修改變數-zh.srt │        115 選擇性載入 Bootstrap 與修改變數.mp4 │        116 變數修改說明及示例-zh.srt │        116 變數修改說明及示例.mp4 │        117 新增自己的元件，並讀取 Bootstrap 的變數-zh.srt │        117 新增自己的元件，並讀取 Bootstrap 的變數.mp4 │        118 正式版後變數的改變 以及 Sass 錯誤的排除方式.mp4 │        119 如何釋出編譯後的 Sass 檔案-zh.srt │        119 如何釋出編譯後的 Sass 檔案.mp4 │ ├─13 更好的 Bootstrap 版型開發 │        120 更好的版型設計 - 從版型中尋找合適的範例-zh.srt │        120 更好的版型設計 - 從版型中尋找合適的範例.mp4 │        121 更好的版型設計 - 從相關的資源臨摹.mp4 │        122 範例網站及章節程式碼.html │        123 不同的排版 - 不規則格狀排版-zh.srt │        123 不同的排版 - 不規則格狀排版.mp4 │        124 不同的排版 - 高低不同的價格表-zh.srt │        124 不同的排版 - 高低不同的價格表.mp4 │        125 使用 Sass 開發屬於自己的元件 (上)-zh.srt │        125 使用 Sass 開發屬於自己的元件 (上).mp4 │        126 使用 Sass 開發屬於自己的元件 (下)-zh.srt │        126 使用 Sass 開發屬於自己的元件 (下).mp4 │ └─14 Bootstrap JavaScript 元件補充說明 127 JS 元件的其它操作方法概述-zh.srt 127 JS 元件的其它操作方法概述.mp4 128 -.txt 128 Options 與 Methods 基礎套用方法-zh.srt 128 Options 與 Methods 基礎套用方法.mp4 128 Random-User-API.txt 129 使用 Events 監控元件狀態-zh.srt 129 使用 Events 監控元件狀態.mp4