问题标签 [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 投票
2 回答
1561 浏览

javascript - 我应该如何归因于 Twitter bootstrap 的 glyphicons 组件?

在 GitHub 的 Twitter 引导页面上,Base CSS 页面的图标部分是这样说的:

Glyphicons 半身人通常不是免费提供的,但是 Bootstrap 和 Glyphicons 创作者之间的安排使这成为可能,而您作为开发人员无需支付任何费用。为了感谢您,我们要求您在可行的情况下包含一个返回 Glyphicons 的可选链接。

这种归因应该采用标准形式吗?

0 投票
4 回答
4389 浏览

printing - 打印中缺少 twitter 引导程序图标

当我点击“打印”时,字形图标丢失,但在浏览器窗口中正确显示。我说的是一个带有静态内容的简单页面,除了最新的 twitter 引导程序。

是否可以在打印中显示 Bootstrap 图标?

0 投票
3 回答
19851 浏览

css - 使用引导程序悬停时切换到 glyphicons-white

引导程序指出

还有一些样式可用于倒置(白色)图标,并准备好一个额外的类。我们将专门针对导航和下拉链接的悬停和活动状态强制执行此类。

这似乎不适用于我的导航栏(为简单起见,省略了部分)。这是 div 链。

引导程序中的 CSS 代码是

这个css代码确实发生了切换

我应该添加什么还是我错过了什么?为什么我的 css 可以工作,但 bootstrap 的代码却不行?

0 投票
4 回答
25886 浏览

css - 使用 Google 字体时,引导图标 (Glyphicons) 的位置略微向上,我该如何解决这个问题?

如果我在文档的 head 标记中添加以下 Google 字体

引导图标(Glyphicons)稍微向上定位,您可以在此链接中看到:http ://www.acarrilho.com/wp-content/uploads/2012/07/icon_off.png

在此处输入图像描述

我该如何解决这个问题?

0 投票
1 回答
1656 浏览

javascript - 在 javascript 中使用 Twitter Bootstrap 字形图标

有谁知道我如何使用 Twitter Bootstrap glyphicons 在我的 javascript (.js) 文件中替换以下示例中涵盖的图像:

在 HTML 中,我将仅使用以下内容作为示例:

虽然不确定如何在上面的 javascript 示例中包含它。

有任何想法吗?

0 投票
2 回答
62072 浏览

css - 在 CSS 中使用 Twitter Bootstrap 字形图标

我想添加一个 Twitter 引导 glyphicon 来替换下面 CSS 文件中的图像引用,但不确定如何。

在 HTML 中,我将其添加如下:

有任何想法吗?

更新 - 尽管它只在 Firefox 的萤火虫中显示宽度和高度,但尝试了以下操作:

不知道为什么它没有被捡起?

0 投票
1 回答
1068 浏览

css - 在 CSS 中实现 SVG 图像文件的正确方法是什么?

我有一个 SVG 文件,其中包含多个具有唯一 ID 的 SVG。

到目前为止,我已经尝试实现这两种方式,但没有成功。我尝试将其设置为背景位置。

我尝试在最后附加 SVG 的 ID,这似乎也不起作用。

我一直在寻找几个小时,似乎无法找到正确的方法...

0 投票
1 回答
964 浏览

html - Twitter Bootstrap Glyphicons IE8 及更低版本中的部分不透明度

我在一个项目中使用Twitter Bootstrap的字形图标,并希望它们在 :hover 上变得部分透明。当然,在 Chrome、FF、Safari 甚至 IE9+ 中一切正常。

然而,在 IE7 和 IE8 中,不透明度使图标看起来很糟糕。以下是测试的要点:

任何帮助将不胜感激。

0 投票
4 回答
4412 浏览

css - 我的字形在 Chrome 中坏了 - 为什么?

我正在基于模板为客户构建网站。该模板使用 Bootstrap 框架,该框架将 Glyphicons 用于某些图像。如果我在 Chrome 中访问 BootStrap 主页,Glyphicons 似乎工作正常。

这是不适合我的页面: http ://www.laidoffsoftware.com/Contact.aspx

如果您查看“地址”部分下的图标,您应该会在电话号码旁边看到一个电话图标,在电子邮件地址旁边看到一个信封图标。在 FF、IE 或 Opera 中,这看起来不错。然而,在 Chrome 中,图标已损坏,它们是一些奇怪的符号。

我不知道为什么会这样?

任何想法表示赞赏。

更新:Chrome 控制台现在显示:

键“width”的视口参数值“100%”被截断为其数字前缀。

Contact.aspx:8 资源被解释为 Font 但使用 MIME 类型 font/x-woff 传输:“ http://www.laidoffsoftware.com/font/fontawesome-webfont.woff ”。

Contact.aspx:290 资源被解释为字体,但使用 MIME 类型 image/svg+xml 传输:“ http://www.laidoffsoftware.com/font/IcoMoon.svg ”。

0 投票
2 回答
10548 浏览

.net - Glyphicons 在开发中显示良好,但在 IIS 中托管时却没有

在开发过程中,我可以很好地查看我的图标,但是在使用 Visual Studio 的构建部署包创建部署包并将其托管在我的本地(同一台 PC)IIS7.5 服务器上之后,图标不显示。我只是为所有这些人得到一个空白框

我检查了路径,图像在那里。

我四处搜索,发现有人遇到了同样的问题,但他在 apache 上托管他的 web 项目,所以他所做的就是将他的所有文件和文件夹 chmod 到 777。

我在 IIS7.5 中做了同样的事情,我授予了我的文件夹读/写访问权限,但它们仍然没有出现。我通过 Handler Mappings > Content View > Edit Permissions 做到了这一点。为了确定,我为所有用户提供了对 glyphicons.png 完全控制的文件夹。

仍然没有任何显示。还有什么要检查的?