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

Question

代码块原来...

<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>

用户请求后的一些 Page 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

Answer 1

这将是

<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>

您也可以参考Bootstrap的Helper类来了解更多类似的类