У меня возникла странная проблема с бутстрапом 3 и глификонами! Проблема появляется на моем мобильном телефоне Android с Chrome (последняя).Bootstrap 3 glyphicons (font-face), вызывающий странные проблемы компоновки HTML
Описание проблемы: Если в bootstrap.css существует файл шрифта-шрифта для загрузки файлов шрифтов глификона, макет страницы немного сломан. На телефоне с Windows все в порядке. Это прекрасно @ Firefox на настольной машине, а также в Chrome Desktop. Если я загружаю страницу в первый раз, макет в порядке! Если я перезагружаю страницу или меняю страницу: появляется странная проблема! (-> Cache?)
Е.Г., скриншоты Android Mobile Chrome (последняя):
Кнопка группы вертикальной с glypihcons. Значки перемещаются вправо. (Проблема с заполнением?)
Кнопки с текстом @ footer. (Проблема с заполнением на правой стороне?)
Этикетка для поля ввода. (Он просто ломается)
Самостоятельный флажок + ярлык после него. (Нежелательная новая строка прерывается после флажка, потому что родительский контейнер слишком маленький (ширина) ...)
Я не знаю, что происходит! Если я удалю семейство шрифтов для значков Glyphicon из bootstrap.css, все будет и держит все в порядке (убирайте отсутствующие значки с символом глификона). Если я дам выражение font-face в файле, проблема возникает @ android mobile phone.
У кого-то уже была эта проблема и как я могу исправить это и в чем проблема?