在bootstrap上使用了hidden-sm属性没有生效

Question

1.在bootstrap上使用hidden-属性实现不同设备隐藏元素,
2.但在页面了如下属性后，在小型设备上并没有隐藏
3.确认其他bootstrap元素有生效

<p class="hidden-sm">TEST</p>

Answer 1

引自免费微信小程序：皆我百晓生

你好，看起来你在使用Bootstrap时遇到了关于hidden-sm属性不生效的问题。首先，请确认你正在使用的Bootstrap版本是否支持hidden-sm类。在某些旧版本中，可能没有此类。另外，确保你正确地将类应用到了你想要隐藏的HTML元素上。下面是一个基本的使用示例：

假设你想在一个具有div标签的元素上使用hidden-sm来在小型设备上隐藏它：

<div class="hidden-sm">...</div>

如果你在小型设备上仍然看到该元素，请检查以下几点：

1. 确保你的Bootstrap版本支持hidden-sm类。你可能需要查看Bootstrap的官方文档或源代码来确定支持的类名。
2. 确保你的HTML元素上有正确的类名。如果你遗漏了类名或者拼写错误，它可能不起作用。
3. 确保没有其他的CSS样式覆盖了hidden-sm的样式。有时候其他CSS规则可能会覆盖Bootstrap的类。你可以使用浏览器的开发者工具来检查元素上的所有样式。

如果你仍然遇到问题，请提供更多关于你的代码和环境的详细信息，这样我可以更具体地帮助你解决问题。另外，如果你可以提供更多关于你如何引入和使用Bootstrap的信息（例如你的HTML和CSS代码），那将非常有帮助。