Bootstrap栅格系统 xs sm md lg xl

Tips

使用Bootstrap的网格系统时i，常见到以下格式的类名：
col-*-*
visible-*-*
hidden-*-*
中间可为xs, sm, md, lg等表示大小的单词缩写。
右边为1~12以内的、用于表示元素所占列数columns的数值。

Meanings

• xs extra Small 超小
• sm small
• md medium
• lg large
• xl extra Large 超大
  对应的类：
• col- 针对所有设备
• col-sm- 平板 - 屏幕宽度等于或大于 576px
• col-md- 桌面显示器 - 屏幕宽度等于或大于 768px)
• col-lg- 大桌面显示器 - 屏幕宽度等于或大于 992px)
• col-xl- 超大桌面显示器 - 屏幕宽度等于或大于 1200px)