转载于:点击打开链接
Bootstrap 提供了一些帮助器类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。
需要谨慎使用这些工具,避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。
| Class | 设备 |
|---|---|
| .visible-xs | 额外的小设备(小于 768px)可见 |
| .visible-sm | 小型设备(768 px 起)可见 |
| .visible-md | 中型设备(768 px 到 991 px)可见 |
| .visible-lg | 大型设备(992 px 及以上)可见 |
| .hidden-xs | 额外的小设备(小于 768px)隐藏 |
| .hidden-sm | 小型设备(768 px 起)隐藏 |
| .hidden-md | 中型设备(768 px 到 991 px)隐藏 |
| .hidden-lg | 大型设备(992 px 及以上)隐藏 |
打印类
本文介绍Bootstrap提供的响应式实用工具类,帮助开发者针对不同尺寸的设备实现内容的显示与隐藏。通过简单的类如.visible-*和.hidden-*,可以轻松适配从小屏到大屏的各种设备。
405

被折叠的 条评论
为什么被折叠?



