斷點
一、什麼是斷點?
col | col-sm | col-md | col-lg | col-xl | |
改變範圍 | < 576 px | >= 576 px | >= 768 px | >= 992 px | >= 1200 px |
硬體裝置 | any | 手機 | 平板 | 桌機螢幕 | 超寬螢幕 |
寫:.col-sm-3,意思就是當螢幕 >= 576px 時,就會將此區域的寬度設為螢幕的 3/12。
同時寫:col-sm-4 col-md-3。意思就是當螢幕 >= 768 px時,就會將此區域的寬度設為螢幕的 3/12,
若螢幕 < 768 但 >= 576px 時,就會將此區域的寬度設為螢幕的 4/12。
Last updated