問(wèn)題描述

請(qǐng)問(wèn)一下，bootstrap中有這幾種情況來(lái)設(shè)置自適應(yīng)的布局col-md- ,col-sm- ,col-lg-*,

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

求大神經(jīng)驗(yàn)之談。

問(wèn)題解答

col-xs適配超小屏幕，一般指手機(jī)；col-sm適配平板；col-md適配臺(tái)式機(jī)或者筆記本；col-lg適配高分屏臺(tái)式機(jī)筆記本或者寬屏，但是一般不用。

另外注意，并不一定要全寫(xiě)上，col-xs-6，表示在小屏手機(jī)或者比小屏手機(jī)大的設(shè)備，都只占一半，所以不需要額外去寫(xiě)col-sm-6、col-md-6和col-lg-6。大的分列布局會(huì)在相應(yīng)的情況下覆蓋小的分列布局設(shè)置，小的分列布局是大的分列布局的默認(rèn)值。比如col-xs-6 col-md-12就是指在手機(jī)和平板上占一半，在電腦（無(wú)論普通還是高分屏）上都占滿12列。