? ? bootstrap是一種熱門的Web前端流行框架，如果要兼容PC端、手機(jī)端和響應(yīng)式布局，那他一定是我的首選。bootstrap內(nèi)容很多，功能強(qiáng)大，其中最好入門也是很重要的就是他的柵格系統(tǒng)。他有四個(gè)典型類：

col-xs-? ? ?對(duì)應(yīng)超小設(shè)備（屏幕<768 px ）手機(jī)

col-sm-? ??對(duì)應(yīng)小型設(shè)備（屏幕>768 px?屏幕<992 px ）平板電腦

col-md-? ?對(duì)應(yīng)中型設(shè)備（屏幕>992 px?屏幕<1200 px?）臺(tái)式電腦

col-lg- ?? 對(duì)應(yīng)大型設(shè)備（屏幕>1200 px）臺(tái)式電腦

? 簡(jiǎn)單的寫(xiě)法：

<div class="row"> <div class="col-xs-3 col-sm-2 col-md-2"></div> <div class="col-xs-3 col-sm-2 col-md-2"></div> <div class="col-xs-3 col-sm-2 col-md-2"></div> </div>

? ? ? ?

?

轉(zhuǎn)載于:https://www.cnblogs.com/rainwater/p/10497660.html

總結(jié)

以上是生活随笔為你收集整理的bootstrap思考一的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。