Bootstrap 响应式实用工具
时间：2021-09-18|栏目：HTML/Xhtml|点击： 次
|我要投稿
Bootstrap 提供了一些帮助器类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。
需要谨慎使用这些工具，避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。
| Class | 设备 |
|---|---|
| .visible-xs | 额外的小设备（小于 768px）可见 |
| .visible-sm | 小型设备（768 px 起）可见 |
| 中型设备（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 及以上）隐藏 |
(资源库 www.zyku.net)
上一篇：HTML最新面试题（笔试面试题）
栏 目：HTML/Xhtml
下一篇：返回列表
本文标题：Bootstrap 响应式实用工具
本文地址：https://www.zyku.net/xhtml/3262.html
您可能感兴趣的文章
- 08-27iVX自适应 = 移动端适配(原始尺寸) + 设置环境宽
- 03-24FastAdmin – 基于ThinkPHP和Bootstrap的极速后台开发
- 11-20自适应选项卡切换微信支付宝二维码打赏模板
- 10-16帝国CMS手机自适应白色信息提示页模板
- 03-17Bootstrap表格制作代码
- 02-28帝国CMS编辑器fckeditor让图片自动固定宽度，高度自适应
- 02-17bootstrap table 数据表格行内修改的实现代码
- 09-04通通锁软件如何使用,通通锁软件介绍
- 09-09考思网校软件如何使用,考思网校软件介
- 02-23DedeCMS删除自定义变量的方法
- 01-12DEDECMS实现禁止游客发表评论
- 07-04jQuery实现动态给table赋值的方法示例
- 08-04Nginx之allow、deny名词解释以及用法
- 02-20解决Apache日志文件ACCESS.LOG日益膨
- 09-23网易云音乐更改歌词大小教程介绍
- 02-17帝国CMS－前台申请友情链接插件下载
- 08-03CentOS 7 修改主机名的几种方法
- 02-21DedeCMS模板调用标签常用函数解析
- 09-14小米手环4如何绑定手机
- 06-18彻底关闭Antimalware Service Executa
最近更新
阅读排行
猜你喜欢
- 02-23DedeCMS列表页第一页跟其它页使用不同
- 03-24WinSCP连接超时的解决办法
- 06-10内存泄露与内存溢出的区别
- 08-30vlog剪印社软件如何使用,vlog剪印社软
- 03-13Notepad++如何关闭最近打开的文件的历
- 07-18Ajax的特性及乱码问题
- 04-05SQL Server 2005详细安装过程及配置
- 08-19卡片日记备份设置教程介绍
- 02-29HTML，CSS，font-family：中文字体和英文名
- 08-13支付宝关闭长辈模式方法
