Bootstrap 柵格系統 Container 最大寬度受螢幕分辨率影響

現象

代碼使用 .col-md-1，預期 md 斷點下 container 最大寬度 970px，實際測量為 1170px。

原因

Bootstrap 根據視口寬度自動選擇斷點：

• xs < 576px
• sm ≥ 576px
• md ≥ 768px
• lg ≥ 992px
• xl ≥ 1200px

若螢幕寬度 ≥ 1200px，瀏覽器視口屬於 lg/xl 斷點，container 最大寬度為 1170px（lg）或 1140px（xl），而非 md 的 970px。類名 col-md-1 僅表示「在 md 及以上生效」，不強制鎖定 md 斷點。

驗證

縮小瀏覽器視口至 992px 以下，container 寬度將變為 970px。