栅格 屏幕
在Bootstrap的栅格系统中有：
/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
.col-xs-
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: @screen-sm-min) { ... }
.col-sm-
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: @screen-md-min) { ... }
.col-md-
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: @screen-lg-min) { ... }
.col-lg-
所以总结一下：
col-xs，小于768px，手机
col-sm，768-992，平板
col-md，992-1200，pc
col-lg，1200以上，大pc
关于Bootstrap栅格系统的屏幕大小，本文就介绍这么多，希望对您有所帮助。
版权声明：本文为qq_40139513原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。