ElementUI 响应式布局和基于断点的隐藏类

最近公司在开发网页前端，选择使用vue+Elementui快速开发,在写前台页面的时候。发现要自适应，vue的虚拟DOM和Bootstrap的jquery直接操作Dom，有点冲突，翻了文档，发现element有类似的自适应断点隐藏类

• hidden-xs-only - 当视口在 xs 尺寸时隐藏
• hidden-sm-only - 当视口在 sm 尺寸时隐藏
• hidden-sm-and-down - 当视口在 sm 及以下尺寸时隐藏
• hidden-sm-and-up - 当视口在 sm 及以上尺寸时隐藏
• hidden-md-only - 当视口在 md 尺寸时隐藏
• hidden-md-and-down - 当视口在 md 及以下尺寸时隐藏
• hidden-md-and-up - 当视口在 md 及以上尺寸时隐藏
• hidden-lg-only - 当视口在 lg 尺寸时隐藏
• hidden-lg-and-down - 当视口在 lg 及以下尺寸时隐藏
• hidden-lg-and-up - 当视口在 lg 及以上尺寸时隐藏
• hidden-xl-only - 当视口在 xl 尺寸时隐藏

---

参数	说明	类型	可选值	默认值
xs	<768px 响应式栅格数或者栅格属性对象	number/object	—	—
sm	≥768px 响应式栅格数或者栅格属性对象	number/object	—	—
md	≥992px 响应式栅格数或者栅格属性对象	number/object	—	—
lg	≥1200px 响应式栅格数或者栅格属性对象	number/object	—	—
xl	≥1920px 响应式栅格数或者栅格属性对象	number/object	—	—

---

原文档链接