引导怎样设置移动端元素隐藏

这篇文章给大家分享的是有关引导怎样设置移动端元素隐藏的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

引导设置移动端元素隐藏的方法:首先打开相应代码文件,然后使用引导的网格系统,最后通过“visible-xs-block”设置在超小设备手机显示隐藏即可。

<强>引导控制移动端和网页端的元素隐藏和显示

先看效果

<李> PC,显示3张图片

<李>移动端,只显示一张

解决思路,用引导的网格系统。

<李>

visible-md-block表示在早中型设备台式电脑(≥992 px)可显示

<李>

visible-lg-block表示在大型设备台式电脑(≥1200 px)可显示

<李>

visible-xs-block表示在超小设备手机(& lt; 768 px)可显示

代码:

& lt; p类=癱ontainer"比; 　　类& lt; p=皉ow"祝辞 　　类& lt; p=癱ol-md-3 visible-md-block visible-lg-block"比; 　　& lt;比; 　　& lt; img src=https://www.yisu.com/zixun/巴枷?tm -σ- 00. - jpg”类=癷mg-responsive”风格="高度:518 px; "> 　　 　　

　　

　　 　　

　　

　　<一> 　　 　　 　　

　　

　　

感谢各位的阅读!关于引导怎样设置移动端元素隐藏就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!

引导怎样设置移动端元素隐藏