vue+bootstrap响应式布局_bootstrap基础快速入门-8 响应式显示与隐藏

大学生就可以看懂的bootstrap基础实战系列,pre标签里是笔记总结,动手实际操作一下会加强理解。有疑问留言交流哦。

bootstrap是进阶html5很基础常用的前端框架,可以做自适应漂亮的界面,再坚持一下,前端知识的大门就会打开了。

本节内容体验响应式,建议实际操作一下。

7d4d7a38415a6f75b8a85d6bb9f4b6de.png
 Title
 x<768px 768px1200px xs -- extra samll 最小屏 sm -- small 小屏 md -- middle 中屏 lg -- large 大屏 通过浏览器f12模拟不同分辨率.不同显示屏下显示不同的主题风格,从而完成响应式. visible-lg 只在lg范围内显示 visible-md 只在md范围内显示 visible-sm 只在sm范围内显示 visible-xs 只在xs范围内显示
响应式显示与隐藏

您好,您正在使用pc 巨型屏幕访问...

欢迎访问....

您好,您正在使用pc 正常电脑访问...

欢迎访问....

您好,您正在使用phone 大屏手机设备访问...

欢迎访问....

您好,您正在使用phone 超小屏设备访问...

欢迎访问....
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值