问题标签 [glyphicons]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
4866 浏览

asp.net-mvc - Bootstrap 3 Glyphicons 在 Windows Mobile 中不起作用

Bootstrap 3 Glyphicons 在 windows mobile 中不起作用。他们正在其他设备上工作(除了窗口电话)

0 投票
1 回答
6267 浏览

css - Bootstrap 3.0 Glyphicons 在 IE 和 FF 中不起作用

我有这个网站,我正在使用 Bootstrap 3.0.2 问题是在 Chrome 中,字形图标显示完美,但在 IE 和 FF 中它们都没有,在 FF 中,图标显示为带有数字的小框在,在 FF 控制台中,我得到了这个

在 IE 中(到目前为止我尝试过的任何版本)我根本没有图标,控制台显示了这个

我已经尝试了我在这里和谷歌上找到的所有解决方案,但运气不佳。

在我的模板中,我包括了这些:

如何让图标在 IE 和 FF 中显示?

0 投票
1 回答
1842 浏览

twitter-bootstrap-3 - Bootstrap flat-ui 字形显示不正确

我正在使用带有 flat-ui 的引导程序。如果 bootstrap 和 flat-ui 文件与站点位于同一目录中,则 Glyphs 显示正确。但是,当我将这些文件传输到不同的目录并从站点(使用不同的目录)将文件指向那里时,字形只显示“E024”。

站点目录:/var/www/html/tn

bootstrap/flat-ui 目录:/var/www/html/fui

我已阅读此Bootstrap 3 无法正确显示字形图标

实际上,字形在win7中的firefox以外的其他浏览器上正确显示。

但这没有帮助。任何想法?

0 投票
1 回答
1511 浏览

javascript - 修复 twitter bootstrap 折叠图标、字形图标

我改变了 twitter bootstrap 的行为,所以整个面板标题会触发手风琴。这导致“向上”图标不再在“向下”图标中更改。

我正在尝试解决此问题,但无济于事。如何恢复这些图标的正确行为?

这是我的一个手风琴面板的结构:

PS:我正在使用 Bootstrap 3.0.1

0 投票
2 回答
8569 浏览

wordpress - Wordpress 和 Bootstrap 3 字形图标

我正在使用 Wordpress 和 bootstrap 3 制作自定义主题。我正在使用 wp nav walker 作为菜单。我能够让一切正常工作接受字形图标。每当我根据帮助文件 @ https://github.com/twittem/wp-bootstrap-navwalker插入字形图标时,图标不会显示,而是显示带有图标名称的工具提示。我想知道我是否将字体文件夹放在正确的位置。我目前将它放在我目前正在处理的主题文件夹的根目录中。

有什么建议么?

0 投票
0 回答
799 浏览

twitter-bootstrap - 为什么 Bootstrap 的 24px 大小的 Glyphicons 被渲染为 26px 高度

我在我的css中进行“像素移动”,经过一段时间的努力,我注意到我的问题的根本原因是引导程序中包含的“Glyphicons Halflings”字体。我正在尝试渲染我的图标,如下所示

但它实际上呈现为 26px 高度。原因是什么以及如何解决?这是字体的错误吗?如何让我的图标正好是 24px*24px?

这出现在 bootstrap 3.0.2 中。

这是针对这种情况的 jsfiddle http://jsfiddle.net/U8bLZ/2/和示例屏幕截图 示例截图

放大到 3 到 5 的部分 在此处输入图像描述

0 投票
1 回答
4771 浏览

ruby-on-rails-4 - glyphicon and text links on different lines

I'm trying to design a dropdown menu with Glyphicons on Rails 4.0.0 using Bootstrap 3.0.2. However, the Glyphicons and the texts with links don't show up on the same line. Here is my code:

Now, if I replace the links with pure text, here is my code:

Now it works perfectly.

Could anyone please help and let me know what was done incorrectly? Thanks a lot!

0 投票
1 回答
621 浏览

css - 为什么 Bootstrap Glyphicons 仅在 Google Chrome 中调试时出现?

我正在使用 Twitter Bootstrap 2.3.2,当我在 MVC4 中开发应用程序时,我对 Glyphicons 没有任何问题,直到我在 Firefox 和 IE 中对其进行了测试。

在 Firefox 中,我得到以下图像而不是图标: 错误

我检查了对 glyphicons 图像文件的引用,它们都很好。

在 Chrome 中调试时,我可以完美地看到图标(我清除了缓存以查看是否是问题所在,但图标仍然存在)。

0 投票
2 回答
1556 浏览

javascript - 使用 HTML 元素代替带有 gmap3 的地图标记的图标?

我正在创建一个显示不同类型设备的地图。在我的 Web 应用程序中,每种设备类型都有自己独特的图标。这些都是使用 fontawesome 图形完成的。我希望地图“图标”匹配,而不必对所有这些图标进行截屏并失去根据需要干净地缩放它们的能力。

使用自定义图像非常容易,如下面的文档示例所示,但是有人知道我是否可以使用一些 HTML 代替吗?

更新:提到的可能重复使用 PHP 从字体很棒的 SVG 中提取图标。这是非常严格的。如果可能的话,我真的很希望能够使用 HTML 元素。

0 投票
1 回答
976 浏览

fonts - ios7 safari (ipad) 表情符号显示而不是使用引导程序 3 的字形图标

您可以在下面看到某种原生图标/表情符号,而不是预期的字形图标。但是,信封图标工作正常。图标在浏览器和 ios5 上也可以正常工作。看起来很长,但有谁知道如何解决这个问题?

ipad2

我已经尝试根据这个问题更改字符https://stackoverflow.com/a/19443169/558287