bootstrap栅格化布局

之前我只知道bootstrap会自动生成12列,但是他会根据页面的大小而自动换行

当屏幕小于768px即为手机屏幕的时候 栅格行为总是水平排列 类的前缀为.col-xs

当屏幕大于768px时,最大列宽为62px,类前缀为col-sm

当屏幕大于992px时,最大列宽为81px ,类前缀为col-md

当屏幕大于1200px时,最大列宽为97px,类前缀为col-lg


根据这一规律 ,假设我们想让一个网页在手机上显示三行 在平板上显示两行,在桌面上显示一行 则可以设置类为

col-md-12

col-sm-6

col-xs-4


你可能感兴趣的:(bootstrap)