Taker Wu – Bootstrap 4

Taker Wu – Bootstrap 4

加入「學員討論區」社團

Bootstrap 3 -> 4

• 投影片下載

如何從 3 -> 4 (2:15) 為何要用 Bootstrap 4？ (6:14) Bootstrap 3 與 4 的差異 / part 1 (7:23)

• Bootstrap 3 與 4 的差異 / part 2 (14:17)

Bootstrap 3 與 4 的差異 / part 3 (9:43) Bootstrap 3 與 4 的差異 / part 4 / class name 的變化 (8:51)

• 投影片下載

請先閱讀 Flexbox 課程 使用 Flexbox 改寫的 Grid 系統 (15:10)

Bootstrap 4 基礎

• 投影片下載

Bootstrap 4 簡介 (3:02) 最常見的容器 / container (4:31)

• Bootstrap 的核心 / Grid (20:22)

media (3:52) layout utilities / layout 小幫手 (12:44)

• 使用 class name 快速微調 list / image / table / figure (11:53)

Bootstrap Components / 要用到再來唸

• 投影片下載

在開始說明 components 之前 (1:13)

• alert / badge / breadcrumbs (15:05)

buttons / button group / card (20:08) carousel (23:25) collapse / dropdown (16:53)

• form (16:20)

form validation (25:50)

• list group (3:38)
• modal (15:32)
• navs (14:30)

navbar (17:13) pagination / progress (9:33) tooltips (13:28)

Utilities / 好用的 class name

• utilities / part 1 (16:31)

utilities / part 2 / flexbox (16:48) utilities / part 3 (18:06)

課程最後

• 課程 feedback

技能樹開發 前端 (17:09) 技能樹開發 後端 (9:33) 技能樹開發 通用 (5:20)

---

Sale Page: https://bootcamp.15days.website/p/bootstrap-4
Archive: https://archive.ph/wip/f9WXx