Bootstrap 测试用例

测试用例

调整你的浏览器大小,或者用其他设备打开页面,都可以测试这些响应式工具类。

在…上可见

带有绿色标记的元素表示其在当前浏览器视口(viewport)中是可见的

超小屏幕 ? 在超小屏幕上可见
小屏幕 ? 在小屏幕上可见
?
中等屏幕 ? 在中等屏幕上可见
大屏幕 ? 大屏幕上可见
超小屏幕和小屏幕 ? 在超小屏幕和小屏幕上可见
中等屏幕和大屏幕 ? 在中等屏幕和大屏幕上可见
?
超小屏幕和中等屏幕 ? 在超小屏幕和中等屏幕上可见
小屏幕和大屏幕 ? 在小屏幕和大屏幕上可见
?
超小屏幕和大屏幕 ? 在超小屏幕和大屏幕上可见
小屏幕和中等屏幕 ? 在小屏幕和中等屏幕上可见

在…上隐藏

带有绿色标记的元素表示其在当前浏览器视口(viewport)中是隐藏的

超小屏幕 ? 在超小屏幕上隐藏
小屏幕 ? 在小屏幕上隐藏
?
中等屏幕 ? 在中等屏幕上隐藏
大屏幕 ? 大屏幕上隐藏
超小屏幕与小屏幕 ? 在超小屏幕和小屏幕上隐藏
中等屏幕和大屏幕 ? 在 medium 和 large 上隐藏
?
超小屏幕和中等屏幕 ? 在超小屏幕和中等屏幕上隐藏
小屏幕和大屏幕 ? 在小屏幕和大屏幕上隐藏
?
超小屏幕和大屏幕 ? 在超小屏幕和大屏幕上隐藏
小屏幕和中等屏幕 ? 在小屏幕和中等屏幕上隐藏
本站部分文章源于互联网,本着传播知识、有益学习和研究的目的进行的转载,为网友免费提供。如有着作权人或出版方提出异议,本站将立即删除。如果您对文章转载有任何疑问请告之我们,以便我们及时纠正。

PS:推荐一个微信公众号: askHarries 或者qq群:474807195,里面会分享一些资深架构师录制的视频录像:有Spring,MyBatis,Netty源码分析,高并发、高性能、分布式、微服务架构的原理,JVM性能优化这些成为架构师必备的知识体系。还能领取免费的学习资源,目前受益良多

转载请注明原文出处:Harries Blog? ? Bootstrap 测试用例

赞 (0)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址