---
# System prepended metadata

title: "\U0001F3C5第三堂老師講義"

---

# 🏅第三堂老師講義

* 上課時間：5/26 20:00~22:00
* 如何上課：請點擊此 [ZOOM](https://zoom.us/j/99745950059) 連結，開始上課！
* 提醒自己要錄影，請同學提醒老師(欸
* [範例小抄](https://ecjia.com.tw/demo/bs5homework/#)


## 互動視窗 Modal
* [BS5 Moadl 教學文件](https://bootstrap5.hexschool.com/docs/5.0/components/modal/)
* 用在設計稿右上的登入註冊
> data-bs-target 與 modal 要相互對應
> aria-label：盲人播報軟體
> aria 系列都跟無障礙網站有關係，[30篇好文連結](https://ithelp.ithome.com.tw/users/20108045/ironman/2454)


## 折疊 (Collapse)
* [BS5 折疊教學文件](https://bootstrap5.hexschool.com/docs/5.0/components/collapse/)

## tab (頁籤)
* [BS5 頁籤教學](https://bootstrap5.hexschool.com/docs/5.0/components/navs-tabs/#using-data-attributes)

## 卡片 (Card)
* [BS5 卡片設計](https://bootstrap5.hexschool.com/docs/5.0/components/card/#horizontal)


## 表單 (Forms)
* [BS5 表單文件](https://bootstrap5.hexschool.com/docs/5.0/forms/overview/)


## 位置 (position)
* [BS5 位置文件](https://bootstrap5.hexschool.com/docs/5.0/utilities/position/)