Bootstrap 是什麼？
Bootstrap 是一套前端工具箱（frontend toolkit），用現成的 CSS 類別與少量 JavaScript，快速做出響應式（responsive）、在手機到桌面都能看的網站。本站以目前穩定版 Bootstrap 5.3 為準，對應官方文件 Get started。
不必先成為 CSS 專家：你寫語意化的 class（例如 btn btn-primary、col-md-6），框架負責排版、間距、元件外觀與常見互動。
最必須掌握的 20%
類別非常多，真正每天會用到的很少。先把這五件事練熟，其餘再當字典查官方文件即可。
| 優先 | 你要會的事 | 為什麼是這 20% |
|---|---|---|
| 1 | 用 CDN 引入 CSS 與 JS bundle，並加上 viewport | 沒這一步，後面所有 class 都不會生效；漏掉 viewport，手機版會縮錯 |
| 2 | container → row → col-* 與斷點 |
12 欄網格是 Bootstrap 的核心；多數版面都從這裡長出來 |
| 3 | spacing：m-*／p-* |
日常微調間距幾乎都靠這組，不必為每個區塊自寫 CSS |
| 4 | 語意色彩與按鈕 | primary／danger 這套色票，以及 btn，是所有元件的共同語言 |
| 5 | Navbar、Card、Form | 實際做一個頁面，這三個元件幾乎都會用到 |
對應頁面：開始使用、網格系統、間距、按鈕、導覽列。不習慣看文字時，先看 影音教學。
建議學習順序
官方學習資源
官方文件優先
getbootstrap.com 是唯一權威來源。入門看 Get started，版面看 Grid，元件從左側 Components 查。想看成品先逛 Examples。
繁體中文文件
六角學院 Bootstrap 5 繁中文件 方便對照專有名詞；版本可能略舊，細節仍以英文官方為準。
官方影音
Bootstrap 團隊沒有像 GitHub 那樣的完整 YouTube 課程，發佈會影片集中在 Bootstrap Blog → Videos。本站把官方文件對應的觀念寫成講義，並在 影音教學 嵌入可跟做的優質 YouTube。