大学生就可以看懂的bootstrap基础实战系列,pre标签里是笔记总结,动手实际操作一下会加强理解。有疑问留言交流哦。
bootstrap是进阶html5很基础常用的前端框架,可以做自适应漂亮的界面,再坚持一下,前端知识的大门就会打开了。
本节内容体验响应式,建议实际操作一下。
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 超小屏设备访问...
欢迎访问....