1.在bootstrap上使用hidden-属性实现不同设备隐藏元素,
2.但在页面了如下属性后,在小型设备上并没有隐藏
3.确认其他bootstrap元素有生效
<p class="hidden-sm">TEST</p>
1.在bootstrap上使用hidden-属性实现不同设备隐藏元素,
2.但在页面了如下属性后,在小型设备上并没有隐藏
3.确认其他bootstrap元素有生效
<p class="hidden-sm">TEST</p>
引自免费微信小程序:皆我百晓生
你好,看起来你在使用Bootstrap时遇到了关于hidden-sm
属性不生效的问题。首先,请确认你正在使用的Bootstrap版本是否支持hidden-sm
类。在某些旧版本中,可能没有此类。另外,确保你正确地将类应用到了你想要隐藏的HTML元素上。下面是一个基本的使用示例:
假设你想在一个具有div
标签的元素上使用hidden-sm
来在小型设备上隐藏它:
<div class="hidden-sm">...</div>
如果你在小型设备上仍然看到该元素,请检查以下几点:
hidden-sm
类。你可能需要查看Bootstrap的官方文档或源代码来确定支持的类名。hidden-sm
的样式。有时候其他CSS规则可能会覆盖Bootstrap的类。你可以使用浏览器的开发者工具来检查元素上的所有样式。如果你仍然遇到问题,请提供更多关于你的代码和环境的详细信息,这样我可以更具体地帮助你解决问题。另外,如果你可以提供更多关于你如何引入和使用Bootstrap的信息(例如你的HTML和CSS代码),那将非常有帮助。