Bootstrap 响应式实用工具——visible-xs、visible-sm、hidden-xs、hidden-sm等
2016-05-23 12:44
603 查看
转载于:点击打开链接
Bootstrap 提供了一些帮助器类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。
需要谨慎使用这些工具,避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。
详情,,,
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 及以上)隐藏 |
打印类
详情,,,
相关文章推荐
- 基于jquery的轻量级bootstrap校验插件
- 初识Bootstrap及制作一个简单的页面
- 基于BootStrap的图片轮播效果展示实例代码
- bootstrap使用记录
- Bootstrap3 navbar导航条居中显示
- 关于bootstrap的表单元素
- webpack+vue+bootstrap项目实践
- bootstrap列表页制作之列表组使用
- bootstrap 获得轮播中的索引 getActiveIndex
- Bootstrap中datetimepicker使用
- bootstrap实现导航等
- Bootstrap 一个案例应用
- 小白分享学习成果,大神勿喷。用bootstrap做的,引用就不再多说了,哪里写的不好,您多指点
- 基于Bootstrap和Knockout.js的ASP.NET MVC开发实战
- bootstrap固定响应式导航
- 全面解析bootstrap格子布局
- Bootstrap模块dropdown实现下拉框响应
- 基于Bootstrap实现图片轮播效果
- Bootstrap源码分析之nav、collapse
- Bootstrap源码分析之dropdown