Html 隐藏属性在引导中不起作用

最初的代码块

<div class="content row">
  <img width="33%"  class="img-thumbnail img-rounded" src="foo">
  <img width="33%"  class=" img-thumbnail img-rounded" src="bar" >
  <img width="33%"  class=" img-thumbnail img-rounded" src="baz" >
</div>

用户请求后的某些页面DOM事件将HTML代码块更改为

<div class="content row">
  <img width="33%" class="img-thumbnail img-rounded center-block" src="foo">
  <img width="33%" class=" img-thumbnail img-rounded" src="bar"  hidden="">
  <img width="33%" class=" img-thumbnail img-rounded" src="baz" hidden="">
</div>

当 页面呈现 隐藏的图像是否仍然显示？如果

img-

类被删除，则标记为隐藏的图像不会像预期的那样显示。但是，我想要

img-

引导类

如何隐藏应该隐藏的图像

PS-我正在使用Bootstrap 3.1.0

<div class="content row">
  <img width="33%" class="img-thumbnail img-rounded center-block" src="foo">
  <img width="33%" class=" img-thumbnail img-rounded hidden" src="bar">
  <img width="33%" class=" img-thumbnail img-rounded hidden" src="baz">
</div>

您也可以参考“了解更多类似类”中的内容，引导程序告诉您使用以下内容

使用.show和.hidden类强制显示或隐藏元素（包括屏幕阅读器）。这些类使用！避免特殊性冲突很重要，就像快速浮动一样。它们仅可用于块级切换。它们也可以用作混合物

.hide是可用的，但它并不总是影响屏幕阅读器，并且从v3.0.1开始就不推荐使用。只能使用.hidden或.sr

此外，.invisible只能用于切换元素的可见性，这意味着它的显示不会被修改，并且该元素仍然会影响文档流

显示和隐藏内容

强制显示或隐藏元素（包括屏幕阅读器） 使用.show和.hidden类。这些类使用 !避免特殊性冲突很重要，就像快速浮动一样。 它们仅可用于块级切换。它们也可以是 用作调味品

.hide可用，但并不总是影响屏幕阅读器和 从v3.0.1起已弃用。只能使用.hidden或.sr

此外，.invisible只能用于切换的可见性 一个元素，意味着它的显示不会被修改，元素可以 仍然会影响文档的流

---

“hidden”是一个类名。您可以将其作为类应用。

因为您使用的是引导，所以可以这样使用隐藏类

<div class="content row">
  <img width="33%" class="img-thumbnail img-rounded center-block" src="foo">
  <img width="33%" class=" img-thumbnail img-rounded hide" src="bar">
  <img width="33%" class=" img-thumbnail img-rounded hide" src="baz">
</div>

---

您还可以为不同的设备使用隐藏类，如隐藏sm、隐藏lg等。

只需使用隐藏类即可。这是在bootstrapOFFTOPIC：：管理员应该让人们在10分钟前接受答案！等待选择答案真的很烦人！在bootstrap 3中没有隐藏类，请参考我的答案不要忘记选择它作为答案，如果它有帮助，就在投票符号下面，你会发现一个勾号，如图所示，一旦你点击它，它就会变成绿色。当然可以。所以在10分钟前我不会选择答案！真烦人！这就好像是在强迫我花10分钟等待正确的答案。