我的bootstrap網頁

• 例題10.1.A:第一個bootstrap網頁
• 例題10.1.B:文字跟背景效果
• 例題10.1.C:用bootstrap顯示程式碼效果
• 例題10.2.A:用bootstrap處理表格跟圖片
• 例題10.2.B:用 font awesome取得小圖示
• 例題10.3.A:清單功能
• 例題10.3.B:清單功能-用 a 列表
• 例題10.3.C:按鈕折疊
• 例題10.3.D:清單折疊-accordian
• 例題10.3.E:彈出式視窗-重要訊息
• 例題10.3.F:彈出式視窗-小型資訊
• 例題10.3.G:彈出式視窗-popover+tooltip
• 例題10.4.A:跑馬燈
• 例題10.5.A:下拉式按鈕
• 例題10.5.B:個人名片介紹
• 例題10.5.C:進度條
• 例題11.1.A:自動分為兩欄與單欄的效果
• 例題11.1.B:自動分為三欄的效果
• 例題11.1.C:三欄再加上媒體偵測的RWD效果
• 例題11.2.A:第一個導覽列效果
• 例題11.2.B:承上，但實際用我們自己的連結按鈕
• 例題11.2.C:承上，再加上註冊跟登入的小圖示
• 例題11.3.A:增加網頁的抬頭部分資料
• 例題11.3.B:導覽列可以固定在上方
• 例題11.3.C:增加網頁的頁尾
• 例題11.4.A:指定為兩個欄位
• 例題11.4.B:增加子導覽列
• 例題11.4.B:解構網頁組合範本

第十堂課作業

• 我的單頁式網站