Bootstrap 查询 visible-xx hot showing/hiding

Question

我似乎无法弄清楚为什么两个图像元素（主徽标，一大一小）一直在显示。？具体来说，似乎一切都很好，直到我听说 Firefox 没有显示大徽标。

代码：

<a class="navbar-brand visible-lg" href="index.html">
  <img id="header-logo" src="img/dmi-logo.png" width="253" height="138" alt=""/>
</a>
<a class="navbar-brand visible-md visible-sm visible-xs" href="index.html"> 
  <img id="header-logo-sml" src="img/dmi-logo-sec.png" alt=""/>
</a>

我猜想浏览器在所有情况下都会呈现代码，但是 CSS hides/shows 呢？

Answer 1

如果这不是 Firefox 的问题，您也可以使用 hidden-??

<a class="navbar-brand visible-lg hidden-md hidden-sm hidden-xs" href="index.html">
    <img id="header-logo" src="img/dmi-logo.png" width="253" height="138" alt=""/>
</a>

<a class="navbar-brand hidden-lg visible-md visible-sm visible-xs" href="index.html"> 
      <img id="header-logo-sml" src="img/dmi-logo-sec.png" alt=""/>
</a>

Bootstrap 查询 visible-xx hot showing/hiding

Boostrap queries visible-xx not showing/hiding

responsive-design

twitter-bootstrap