以前我只知道bootstrap会自动生成12列,可是他会根据页面的大小而自动换行bootstrap
当屏幕小于768px即为手机屏幕的时候 栅格行为老是水平排列 类的前缀为.col-xsco
当屏幕大于768px时,最大列宽为62px,类前缀为col-sm生成
当屏幕大于992px时,最大列宽为81px ,类前缀为col-md
当屏幕大于1200px时,最大列宽为97px,类前缀为col-lg
根据这一规律 ,假设咱们想让一个网页在手机上显示三行 在平板上显示两行,在桌面上显示一行 则能够设置类为
col-md-12
col-sm-6
col-xs-4