Bootstrap提供了一些辅助类,用于更快的移动友好开发.这些可用于通过媒体查询显示和隐藏内容,并结合大型,小型和中型设备.
谨慎使用这些内容,避免创建同一网站的完全不同版本. 响应式实用程序目前仅适用于块和表切换.
Classes | Devices |
---|---|
.visible-xs | 超小(小于768像素)可见 |
.visible- sm | 小(最多768像素)可见 |
.visible-md | 中等(768 px至991 px)可见 |
.visible-lg | 较大(992像素及以上)可见 |
.hidden-xs | 超小(小于768px)隐藏 |
.hidden-sm | 小(最多768像素)隐藏 |
.hidden-md | 中等(768像素到991像素) )隐藏 |
.hidden-lg | 较大(992像素及以上)隐藏 |
打印类
下表列出了打印类.使用这些来切换要打印的内容.
Classes | 打印 |
---|---|
.visible-print | 是可见的 |
.hidden-print | 仅对浏览器不可打印. |
示例
以下示例演示了如何使用上面列出的帮助程序类.调整浏览器大小或在不同设备上加载示例以测试响应式实用程序类.
Extra small ✔ Visible on x-smallSmall ✔ Visible on smallMedium ✔ Visible on mediumLarge ✔ Visible on large
复选标记表示该元素在当前视口中可见.