1.单位
xl对应屏幕 >=1920 px 超大显示器 lg对应屏幕>=1200px，小于 1920px 台式1920*1080显示器 md对应屏幕>=992px，小于1200px 适合笔记本 sm对应屏幕>=768px，小于992px 适合平板 xs对应屏幕<=768 手机端屏幕
例如有如下代码将屏幕分成3列，进行响应式布局
当屏幕的大小变成手机般大小（屏幕宽度<768px）时只显示xs=24的布局， 768px到992px时显示sm=7和sm=17的两列，并且按照7:17显示 992px到1200px时显示3列按照md=6、md=12和md=6比例显示 1200px到1920px时按照lg=5、lg=14和lg=5比例显示