bootstrap是一種熱門的Web前端流行框架,如果要相容PC端、手機端和響應式佈局,那他一定是我的首選。bootstrap內容很多,功能強大,其中最好入門也是很重要的就是他的柵格系統。他有四個典型類: col-xs- 對應超小設備(屏幕<768 px )手機 col-sm- 對應小型設備(屏幕> ...
bootstrap是一種熱門的Web前端流行框架,如果要相容PC端、手機端和響應式佈局,那他一定是我的首選。bootstrap內容很多,功能強大,其中最好入門也是很重要的就是他的柵格系統。他有四個典型類:
col-xs- 對應超小設備(屏幕<768 px )手機
col-sm- 對應小型設備(屏幕>768 px 屏幕<992 px )平板電腦
col-md- 對應中型設備(屏幕>992 px 屏幕<1200 px )台式電腦
col-lg- 對應大型設備(屏幕>1200 px)台式電腦
簡單的寫法:
<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>