Почему мои самозагружающиеся ярлыки и значки исчезают на моем samsung s3

Question

Мои загрузочные ярлыки и значки исчезают с веб-страницы, когда страница загружается впервые, используя мою галактику s3 ssung, они появляются только после того, как я обновил окно браузера. Почему это происходит и как я могу просто заставить их появляться при первой загрузке страницы, пожалуйста. Мои ярлыки и значки не пустые, поэтому функция отображения не имеет ничего общего с ней.

Пример кода, как это то, что не отображается в первый раз загрузки страницы является:

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

также попытался удалить ниже, не повезло

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

Нормальная boostrap. css привязан к моей странице и ее единственная таблица стилей, в которой есть селектор ярлыков.

Неужели кто-нибудь сталкивался с этим странным видом?

Благодаря

Answer 1

Ладно, была эта проблема на планшете Note Samsung Galaxy, на телефон LG Optimus, и телефон LG Nexus. Когда я полностью удалил код из загрузочного CSS-файла, проблема исчезла.

Снимите:

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

Похоже, браузер Samsung/LG игнорирует: пустой и просто делает .label и .badge дисплей: это не имеет ли он пустой или нет.

Я знаю, что первоначальный вопросник сказал, что он пробовал это, и это не сработало (проблема с кешем, может быть, ???), но это сработало для меня, поэтому я думал, что по крайней мере отправлю ответ, так как это был результатом # 1 google, когда я столкнулся с проблемой.

Answer 2

У меня такая же проблема. Когда я пробую это в своем веб-браузере, все работает нормально.

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

Но, когда я пытаюсь использовать его в своем браузере браузера, значок не отображается. Я решаю эту проблему.

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