數位相簿很上手
一、嚮應式斷點：Bootstrap4 為行動優先的架構，所以預設的斷點為 (xs)
// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }
// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }
// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
二、container(固定寬度)
- 最大寬度(xs-576)：540px
- 最大寬度(sm-768)：720px
- 最大寬度(md-992)：960px
- 最大寬度(lg-1200)：1140px