Bootstrap怎么控制移动端和网页端的元素隐藏和显示?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
Bootstrap 控制移动端和网页端的元素隐藏和显示
解决思路,用Bootstrap的网格系统。visible-md-block 表示在早中型设备台式电脑(≥992px)可显示
visible-lg-block 表示在大型设备台式电脑(≥1200px)可显示
visible-xs-block 表示在超小设备手机(<768px)可显示
代码:
看看效果:PC,显示3张图片
移动端,只显示一张
更多web前端知识,请查阅 HTML中文网 !!