# 2021-10-26 Bootstrap - Login and cart page
###### tags: `Bootstrap` `JS` `2021/10/26` `進度筆記` `前端心得`
---

講師: 佘昌霖 老師

---

# 早上的部分 - 自由練習

* 今天的行程~ 給各位同學去切 Boostrap 的頁面
>> 登入頁與購物車1~4頁

完成的同學可以去將首頁也切出來, 或者是將之前的作業給完整化, 
如果有不會的, 想問的, 都可以在 meet 或 discord 問~

今天也有對之前繳交的 task 進行code review  

---

# 中場提醒

1. 老師提醒引入套件的 script 的時候盡量放在 ``</body>`` 的上面
2. 因為程式是一行一行讀的, 所以引入的時候要注意
3. CSS 命名的時候多用 `-`, JS 用小駝峰
4. 變數的作用域要多注意

- 希望購物車能切到兩頁以上

---

# 可以用 BS 的多個 container 去達到頁面置中

> 

> 
> 可以用 Bootstrap 套了 container-xl 到 sm 勉強調到相近的狀況
>

因為 wintail 比較年輕, 有做到 1920~2K 的對應
    
  但boostrap 5也有新增新的斷點

- 先學習 BS 4 的觀念, 如果之後改用 5 後會比較輕鬆
> BS 4 坑比較多

----