斷點

一、什麼是斷點?

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