Bootstrap页面布局7 - Bootstrap响应式布局的实用类
2024-08-27 07:15:24
在bootstrap-responsive.css这个CSS样式表中已经为我们设定好了几个实用的类:
.visible-phone:
在智能手机设备上显示这个元素,在其他设备上隐藏该元素
.visible-tablet:
在平板电脑上显示这个元素,在其他设备上隐藏该元素
.visible-desktop:
在桌面电脑上显示这个元素,在其他设备上隐藏该元素
.hidden-phone:
在智能手机上隐藏,在其他设备上显示该元素
.hidden-tablet:
在平板电脑上隐藏,在其他设备上显示该元素
.hidden-desktop:
在桌面电脑上隐藏,在其他设备上显示该元素
测试(略):
先引入bootstrap-responsive.css文件
然后再测试的元素上应用以上的类,通过调整浏览窗口的大小来测试!
最新文章
- [LeetCode] Serialize and Deserialize BST 二叉搜索树的序列化和去序列化
- kmeans算法c语言实现,能对不同维度的数据进行聚类
- Centos 上使用Mono+MVC5+WebApi+Sqlite
- jquery发送异步请求
- android操作文件
- 最全面的 MySQL 索引详解
- BZOJ_2754__[SCOI2012]_喵星球上的点名_(暴力+后缀数组)
- cocos2d-x中的Box2D物理引擎
- ssm框架理解
- 【Android进阶】自定义控件实现底部扇形展开菜单效果
- wcf并发处理模型(随记)
- 【BZOJ1001】[BeiJing2006]狼抓兔子
- 使用svn控制系统的优缺点和注意事项
- python异步编程之asyncio(百万并发)
- caffe.pb.h丢失问题解决方法
- 循环打印视图(学习WHILE循环)
- Google's Machine Learning Crash Course #04# First Steps with TensorFlow
- rtsp 学习之路一
- SQL PKG示例
- SIM900 AT来电显示开启,一些代码