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 数据表格行内修改的实现代码
- 03-18vivos10唤醒语音助手方法
- 02-21解决bash: mysql: command not found
- 02-28小米11ultra启用5G网络教程
- 03-23opporeno5pro应用锁设置教程
- 07-05Linux pico命令
- 04-26opporeno5pro密码本开启方法
- 01-11自定义日记-自定义日记应用软件功能介
- 01-23华为手机多余页面怎么删除
- 01-19在行-在行应用软件功能介绍
- 12-18HTML <rt> 标签
- 01-16全能学习笔记-全能学习笔记应用软件功
- 12-21OPPO手机怎么恢复已删除联系人
- 05-07opporeno5pro实现导入联系人方法
最近更新
阅读排行
猜你喜欢
- 01-12快鸟笙鲜-快鸟笙鲜应用软件功能介绍
- 10-17黑鲨4spro开启录屏步骤介绍
- 12-29AI视频转换-AI视频转换应用软件功能介
- 11-06红米note11pro分屏方法一览
- 05-06vivox60悬浮球功能设置方法
- 01-12Photomyne-Photomyne应用软件功能介绍
- 12-17华为mate30pro如何隐藏刘海
- 12-28UP萌助手-UP萌助手应用软件功能介绍
- 12-18HTML <map> 标签
- 10-30微信个人信息怎么导出
