《玩轉Bootstrap（JS外掛程式篇）》是慕課網提供的慕課課程，授課老師是大漠。
基本介紹
- 中文名：玩轉Bootstrap（JS外掛程式篇）
- 提供方：慕課網
- 類別：慕課
- 授課老師：大漠
課程簡介,課程大綱,
課程簡介
你可以把這門課程看成是《玩轉Bootstrap》的補充篇，帶領大家學習怎么使用JS自由控制Bootstrap中提供的組件（外掛程式）。
課程大綱
第1章模態彈出框
本章節講解使用JS外掛程式的方法使用模態彈出框，包括使用data方法和JS方法觸發彈出框。
1-1導入JavaScript外掛程式
1-2動畫過渡（Transitions）
1-3模態彈出框（Modals）
1-4模態彈出框--結構分析
1-5模態彈出框--實現原理解析（一）
1-6模態彈出框--實現原理解析（二）
1-7模態彈出框--觸發模態彈出窗2種方法
1-8模態彈出框--為彈出框增加過度動畫效果
1-9模態彈出框--模態彈出窗的使用（data-參數說明）
1-10模態彈出框--模態彈出窗的使用（JavaScript觸發）
1-11模態彈出框--JavaScript觸發時的參數設定（一）
1-12模態彈出框--JavaScript觸發時的參數設定（二）
第2章下拉選單與滾動監視器
本章節講解使用JS外掛程式的方法實現“下拉選單”與“滾動監視器”效果。
2-1下拉選單（Dropdown）
2-2下拉選單--屬性聲明式方法（一）
2-3下拉選單--屬性聲明式方法（二）
2-4下拉選單--JavaScript觸發方法
2-5滾動監控器
2-6滾動監控器--滾動監控器的設計
2-7滾動監控器--聲明屬性觸發滾動監控
2-8滾動監控器--在body中加監控
2-9滾動監控器--JavaScript方法觸發滾動監控器
第3章選項卡、提示框和彈出框
本章節講解使用JS外掛程式的方法實現“選擇卡”、“提示框”和“彈出框”效果。
3-1選項卡（Tabs）
3-2選項卡--選項卡的結構
3-3選項卡--觸發切換效果
3-4選項卡--為選擇卡添加fade樣式
3-5選項卡--膠囊式選項卡（nav-pills）
3-6選項卡--JavaScript觸發方法
3-7提示框(Tooltip)
3-8提示框--結構
3-9提示框--JS觸發提示框方法
3-10提示框--其他的自定義屬性
3-11提示框--JS設定參數方法
3-12彈出框（Popover）
3-13彈出框--彈出框的結構
3-14彈出框--觸發彈出框的方法
3-15彈出框--自定義結構屬性
3-16彈出框--提示框和彈出框的異同
第4章警告框、按鈕
本章節使用JS外掛程式的方法實現“警告框”、“按鈕”兩種效果。
4-1警告框（Alert）
4-2警告框--結構與樣式
4-3警告框--使用聲明式觸發警告框
4-4警告框--JavaScript觸發警告框
4-5按鈕外掛程式（Button）
4-6按鈕外掛程式--按鈕載入狀態
4-7按鈕外掛程式--模擬單選擇按鈕
4-8按鈕外掛程式--模擬複選按鈕
4-9按鈕外掛程式--按鈕狀態切換
4-10按鈕外掛程式--JavaScript用法
第5章手風琴、圖片輪換和固定定位
本章節使用JS外掛程式的方法實現“手風琴”、“圖片輪換”和“固定定位”效果。
5-1手風琴（Collapse）
5-2手風琴--手風琴結構
5-3手風琴--聲明式觸發手風琴（一）
5-4手風琴--聲明式觸發手風琴（二）
5-5手風琴--聲明式觸發手風琴（三）
5-6圖片輪播（Carousel）
5-7圖片輪播--輪播圖片的設計（一）
5-9圖片輪播--輪播圖片的設計（二）
5-10圖片輪播--輪播圖片的設計（三）
5-11圖片輪播--聲明式觸輪播圖的播放（一）
5-12圖片輪播--聲明式觸輪播圖的播放（二）
5-13圖片輪播--JavaScript觸發方法
5-14固定定位（Affix）
5-15固定定位--聲明式觸發固定定位
第6章自定義Bootstrap
本章節講解如何自己定製“Bootstrap”的方法。
6-1自定義Bootstrap
6-2線上自定義設定--Bootstrap組件
第7章綜合挑戰題
本章節帶領大家利用以前學習的知識，來製作一個完整的網頁。
