From 7f3d8e01ad45df8044e82723794c3930e8760aa3 Mon Sep 17 00:00:00 2001 From: Noopy Jekki Date: Wed, 8 Jul 2026 16:17:52 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20=E5=82=99=E4=BB=BD=20Bootstrap=20?= =?UTF-8?q?=E4=BD=9C=E6=A5=AD=E5=B0=8D=E8=A9=B1=E7=B4=80=E9=8C=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../2026-07-08-bootstrap-homework.md | 39 +++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 developer-rules/session-logs/2026-07-08-bootstrap-homework.md diff --git a/developer-rules/session-logs/2026-07-08-bootstrap-homework.md b/developer-rules/session-logs/2026-07-08-bootstrap-homework.md new file mode 100644 index 0000000..34bde5c --- /dev/null +++ b/developer-rules/session-logs/2026-07-08-bootstrap-homework.md @@ -0,0 +1,39 @@ +# 對話紀錄：Bootstrap 5 作業（2026-07-08） + +> 這份是這次對話的重點備份，不是規範檔。規範仍以 `developer-rules/rules/` 為準。 + +## 起因 + +老師的 Bootstrap 5 課堂範例重點：Navbar、RWD 格線（container/row/col）、錨點導覽、Carousel（同頁多組需不同 id、可放進 grid 欄位）。目標是做成符合本站風格的作業／作品展示頁，而不是照抄範例或做成教學筆記。 + +## 過程與轉折 + +1. **第一版**（`extra/hw-bootstrap.html` 初版）：做成「Bootstrap 元件練習誌」，內容偏向解釋 navbar/grid/carousel 是什麼 → 被打回，因為變成讀書筆記，沒有應用在專案內容上。 +2. **第二版**：改寫同一檔案為「精華牆」，用真實內容（淪陷瞬間／完整的六顆／黃色留聲機／現場的震撼／Yellow Note）取代教學說明，Bootstrap 降到最後一行小字帶過。 +3. 另外新增一頁 **`extra/bootstrap-navbar-carousel.html`**（跨時空精選）：Hero＋Sticky Navbar 錨點導覽＋兩組不同 id 的 Carousel（一組放進 grid 欄位）＋Grid 卡片區＋結尾備註，符合站主指定的頁面結構規範。 +4. 最後一個任務：**把 Bootstrap 實際套進首頁**，但不能動到 `index.html` 本體 → 建立備份 **`index-bootstrap.html`**，只在這份備份裡： + - 把既有的 `