請問一下,bootstrap中有這幾種情況來設定自適應的佈局col-md- ,col-sm- ,col-lg-*,
然後我的問題是,雖然理解他們的意思,但是在寫class=col-等等這些的時候,難道這幾種情況都要寫上麼?如果不需要四種都寫,那麼我該怎麼恰到好處的選擇md,sm,lg這其中的一種。 。 。
求大神經驗之談。
col-xs適配超小螢幕,一般指手機;col-sm適配平板;col-md適配桌上型電腦或筆記本;col-lg適配高分屏桌上型筆記本或寬屏,但一般不用。
col-xs
col-sm
col-md
col-lg
另外注意,不一定要全寫上,col-xs-6,表示在小螢幕手機或比小螢幕手機大的設備,都只佔一半,所以不需要額外去寫col-sm -6、col-md-6和col-lg-6。 大的分列佈局會在相應的情況下覆蓋小的分列佈局設置,小的分列佈局是大的分列佈局的預設值。 例如col-xs-6 col-md-12就是指在手機和平板上佔一半,在電腦(無論普通或高分屏)上都佔滿12列。
col-xs-6
col-sm -6
col-md-6
col-lg-6
col-xs-6 col-md-12
col-xs
適配超小螢幕,一般指手機;col-sm
適配平板;col-md
適配桌上型電腦或筆記本;col-lg
適配高分屏桌上型筆記本或寬屏,但一般不用。另外注意,不一定要全寫上,
col-xs-6
,表示在小螢幕手機或比小螢幕手機大的設備,都只佔一半,所以不需要額外去寫col-sm -6
、col-md-6
和col-lg-6
。大的分列佈局會在相應的情況下覆蓋小的分列佈局設置,小的分列佈局是大的分列佈局的預設值。
例如
col-xs-6 col-md-12
就是指在手機和平板上佔一半,在電腦(無論普通或高分屏)上都佔滿12列。