html5 - bootstrap中col列寬的問題

Question

請問一下，bootstrap中有這幾種情況來設定自適應的佈局col-md- ,col-sm- ,col-lg-*,

然後我的問題是，雖然理解他們的意思，但是在寫class=col-等等這些的時候，難道這幾種情況都要寫上麼？如果不需要四種都寫，那麼我該怎麼恰到好處的選擇md，sm，lg這其中的一種。 。 。

求大神經驗之談。

Answer 1

Answer 2

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列。