/* 移动端设备 */
@media (max-width: 575px) {
}
/* 移动端设备（横屏（低分辨率）） */
@media (min-width: 576px) and (max-width: 767px) {
}
/* iPad/平板设备 and 移动端设备（横屏（高分辨率））*/
@media (min-width: 768px) and (max-width: 991px) {
}
/* iPad/平板设备（横屏） and iPad/平板设备(高分辨率) */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* PC端设备 */
@media (min-width: 1200px) {
}
网格查询设备分辨率 container容器：
1： /* 移动端设备 */
0 < （width: 100%） < 576px
栅格类前缀： .col-*
2： /* 移动端设备（横屏（低分辨率）） */
576px ≤ （max-width: 540px） < 768px
栅格类前缀： .col-sm-*
3： /* iPad/平板设备 and 移动端设备（横屏（高分辨率））*/
768px ≤ （max-width: 720px ） < 992px
栅格类前缀： .col-md-*
4： /* iPad/平板设备（横屏） and iPad/平板设备(高分辨率) */
992px ≤ (max-width: 960px) < 1200px
栅格类前缀： .col-lg-*
5：/* PC端设备 */
max-width: 1140px ≥ 1200px
栅格类前缀： .col-xl-*
