手機上網的普及，連帶觸動了手機網頁製作的風潮，身為HTML、CSS、JavaScript前端框架的Bootstrap，不但可以快速上手，立即製作出網頁版型，也同時實現了RWD的功能，可謂是一舉兩得。

本課程以「單元範例實做」方式，逐步介紹Bootstrap的各種功能，最後再加以整合，實做出響應式網頁成品。

◎軟體安裝
 ●安裝Sublime Text
 ●安裝常用Plugin
 ●設定操作介面環境
◎基本介紹、格線系統
 ●HTML、CSS、JS的快速框架─Bootstrap介紹
 ●連結Bootstrap必要用檔
 ●快速分割與建立網頁版型的格線系統（Grid System）─container、row、col、offset、pull、push的應用
 ●自適應（RWD）格線系統設定─手機、平板、桌機分界點
◎圖、文設定
 ●文字設定─page-header、lead、mark
 ●文字對齊、顏色、背景色
 ●一般圖片與RWD圖片、形狀設定
 ●內容顯示與隱藏
 ●表格設定
 ●表單設定
 ●圖示字型設定
◎Bootstrap組件設定
 ●橫向選單、直向選單製作與應用
 ●縮圖組件、圖片清單組件
 ●下拉式選單
 ●麵包屑（網頁路徑列）製作
 ●分頁選單與上下頁
 ●巨幕（Jumbotron）效果─全螢幕廣告
 ●圖片輪播（Carousel）效果
◎範例實作
 ●整合性實作