本文摘自PHP中文网，作者(*-*)浩，侵删。
bootstrap栅栏系统css中的col-xs-*、col-sm-*、col-md-* 的意义，就是根据显示屏幕宽度的大小，自动的选用对应的类的样式：
.col-xs- 超小屏幕 手机 (<768px)（推荐学习：Bootstrap视频教程）
.col-sm- 小屏幕 平板 (≥768px)
.col-md- 中等屏幕 桌面显示器 (≥992px)
.col-lg- 大屏幕 大桌面显示器 (≥1200px)
首先说明：
1、col-列；
2、xs-maxsmall，超小；sm-small，小；md-medium，中等；lg-large，大；
3、-*表示占列，即占自动每行row分12列栅格系统比；
4、col-xs-*超小屏幕 手机 (<768px),
.col-sm-*小屏幕 平板 (≥768px),
相关阅读 >>
更多相关阅读请进入《bootstrap》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
