Question

当我第一次加载页面时，我的引导标签和徽章从网页上消失，使用我的三星galaxy s3，只有在我刷新浏览器窗口后它们才会重新出现。为什么会发生这种情况，我怎样才能在第一次加载页面时强制它们出现。我的标签和徽章不是空的，因此display none函数与它无关。

在第一次加载页面时不显示代码的示例：

    <span class="badge badge-important">info</span>

也试图删除下面没有运气

    .label:empty,
    .badge:empty { display: none; }

正常的boostrap.css附加到我的页面，它是唯一一个带有标签选择器的样式表。

有没有人遇到这种奇怪的事情？

由于

Answer 1

好的，在三星Galaxy Note平板电脑，LG Optimus手机和LG Nexus手机上出现此问题。当我完全从bootstrap CSS文件中删除下面的代码时，问题就消失了。

删除：

.label:empty,
.badge:empty { display: none; }

看起来三星/ LG浏览器忽略了：空，只是让.label和.badge显示：无论是否为空。

我知道原来的提问者说他试过这个并且它没有用（缓存问题可能???），但它确实对我有用，所以我想我至少会发布答案，因为这是当我遇到问题时，＃1 google结果。

Answer 2

我有同样的问题。当我在我的网络浏览器中尝试这一切时，一切正常。

<div>
  some text <span class='badge'>1</span>
</div>

但是，当我在我的Android浏览器中尝试它时，徽章没有显示。我用。解决了这个问题。

<div>
  <span> some text <span class='badge'>1</span> </span>
</div>