5

ブートストラップ ラベルとバッジは、ページが初めて読み込まれたときに Web ページから消えます。samsung galaxy s3 を使用すると、ブラウザー ウィンドウを更新した後にのみ再表示されます。なぜこれが起こっているのか、ページが最初に読み込まれたときにそれらを強制的に表示するにはどうすればよいですか. 私のラベルとバッジは空ではないので、表示なし機能は関係ありません。

ページが最初にロードされたときに表示されないコードの例は次のとおりです。

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

また、運が悪かったので以下を削除しようとしました

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

通常のboostrap.cssが私のページに添付されており、ラベルセレクターを含む唯一のスタイルシートです。

誰かがこの奇妙な種類のものに出くわしたことがありますか?

ありがとう

4

2 に答える 2

7

さて、Samsung Galaxy Note タブレット、LG Optimus フォン、および LG Nexus フォンでこの問題が発生しました。以下のコードをブートストラップ CSS ファイルから完全に削除すると、問題は解消されました。

削除する：

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

Samsung/LG ブラウザは :empty を無視し、空かどうかに関係なく .label と .badge を display:none にするだけのようです。

元の質問者がこれを試してみてうまくいかなかったと言ったことは知っていますが（キャッシュの問題かもしれません???）、私にとってはうまくいったので、これが＃1だったので、少なくとも回答を投稿すると思いました問題に遭遇したときのグーグルの結果。

于 2013-05-15T16:54:45.380 に答える
0

私も同じ問題を抱えてる。Webブラウザでこれを試すと、すべて正常に動作します。

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

しかし、Android ブラウザで試してみると、バッジが表示されません。でこの問題を解決します。

<div>
  <span> some text <span class='badge'>1</span> </span>
</div>
于 2014-01-05T11:13:09.980 に答える