问题标签 [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 回答
2568 浏览

twitter-bootstrap - Twitter Bootstrap 字形图标

我相信我有正确的文件路径,但我仍然无法让字形图标出现。我已经分享了该网站的链接和其他信息。

文件路径../assets/img/glyphicons-halflings.png

  • assets 包含 css 文件和 JS 文件
  • 我更改了给定引导 css 文件中的文件路径以匹配(添加资产)。

这是标记

0 投票
4 回答
21978 浏览

twitter-bootstrap - Twitter Bootstrap - 如何获得灰色字形图标

我正在使用 twitter bootstrap,我对他们主页中使用的 glyphicon 有疑问。作为参考,请参考 Base CSS 页面:http: //twitter.github.com/bootstrap/base-css.html

在左侧,您可以看到导航 - 排版、代码、表格等。现在,如果您注意到,导航包含由“icon-chevron-right”类标识的字形图标。但是,该图标不是黑色或白色。它是灰色的。当鼠标悬停在特定项目上时,图标会变成较深的灰色阴影。CSS 没有显示任何异常,似乎引用了黑色字形图标,但图标是灰色的并且具有悬停效果。

知道这里使用了引导程序的哪个功能吗?

0 投票
4 回答
613157 浏览

html - 在标题栏中添加图像

如何在标题栏中添加图像?

我有标题-“Webnet”

将它与 FontAwesome Glyphicon 的图标图像合并为-

我尝试用图像源替换它-

但标题显示 innerHTML 而不是在那里显示图像。

有什么帮助吗?

0 投票
1 回答
875 浏览

twitter-bootstrap - glyphicons 图标不适合 chrome

下面是我页面的 chrome 视图。此处图像/图标侧面显示不佳

图 1

但是我在该图像/链接上进行鼠标悬停/悬停或手动更改窗口宽度,其显示正确,如下所示。但它在 Firefox 中工作正常

图 2

这是我使用的 html 代码

0 投票
5 回答
8116 浏览

ruby-on-rails - Bootstrap glyphicons 没有显示 rails app--path 问题?

我试图让 Glyphicon 在 Rails 应用程序中使用 Bootstrap 显示,但我不知道如何显示它。我在这里通读了几个问题,试图通过修复路径来解决这个问题。但是,在完成了这些问题/答案之后,我仍然被困在 b/c 字形图标不会出现。

图像和样式表都在同一个“资产”目录中。当我检查 Chrome 中的元素时,我使用的 HTML 似乎工作正常 b/c 找到了适当的类,该类链接到 Bootstrap 样式表。

HTML:

CSS(默认来自 Bootstrap,除了我将 /img 更新为 /images b/c 这就是我的图像目录的名称):

另一条评论可能会有所帮助。当我在 Chrome 上检查元素并将鼠标悬停在检查元素部分右侧栏的“../images/glyphics...”上时,Chrome 引用 localhost:3000/assets/../images/glyphicons-halflings.png 作为路径,这不是我的应用程序根目录的正确路径。我怀疑这只是 Chrome 中的简写,但是,再一次,除非这是我问题的根源,否则他们不会引用正确的路径似乎很奇怪。也就是说,我仍然不知道如何解决它。

0 投票
1 回答
11063 浏览

symfony - 找不到“GET /img/glyphicons-halflings.png”的路线

我有一个关于 symfony2 和 bootstrap 的问题。我不明白为什么我可以从环境“prod”而不是从环境“dev”加载图标图像。在开发中,我收到此错误。

路线是“GET /img/glyphicons-halflings.png”。

图片 web/img/glyphicons-halflings.png 是指向 ../../vendor/twitter/bootstrap/img/glyphicons-halflings.png 的符号链接

我得到这个错误

并获得图像

更新

我以这种方式包含引导程序:

当我在产品中使用时,这有效

我有这个资产配置:

我也尝试过创建我的收藏:

:dump 创建 web/assetic/senso.png 和 web/assetic/senso_glyphicons-halflings.png 但是,...如何使用 senso*.png 图像?

0 投票
3 回答
57144 浏览

twitter-bootstrap - Twitter Bootstrap 中的 Font Awesome 与 Glyphicons

我是 Web 开发的初学者,最近开始使用 Twitter Bootstrap,我知道它使用了我已经知道如何使用的Glyphicons 。但我也遇到了Font Awesome,它说它是为 Bootstrap 构建的。

两者有什么区别?我的意思是一个可以替代另一个吗?还是应该在不同的地方使用它们?

0 投票
1 回答
3275 浏览

twitter-bootstrap - 将雪佛龙置于右侧 - Navlist

您好,我正在尝试实现可以​​在http://twitter.github.io/bootstrap/components.html#navs找到的导航列表,我查看了源代码,并尝试使用他们的代码和我自己的代码:

我得到的结果是这样的:

在此处输入图像描述

我怎样才能把人字形放在右边?尝试使用偏移量进行支付,但根据字符串的长度,人字形的位置会有所不同。

0 投票
2 回答
2829 浏览

grails - FontAwesome 与 Grails

我一直在尝试将图标添加到我的保存、删除等按钮。我有大约五个按钮使用<g:actionSubmit>标签来调用控制器中的动作来执行相应的功能。我的问题是 FontAwesome 和 bootstrap 的字形图标需要<i class="icon-***">像这样使用标签:

在 grails 中,初始标记之间的这种标记格式是不可能的(至少使用actionSubmit)。value 属性是显示的字符串。有什么解决方法吗?请记住,我仍然需要将按钮操作映射回控制器,这就是为什么我在使用<button>像引导程序推荐的直接标签时遇到问题的原因。

更新:

使用当前的 2 个答案时我遇到了很多问题。它们都用于添加图标,但我遇到了一些麻烦,我不得不修改很多东西来修复。我考虑了另一种解决方案,但在实施它时遇到了一些问题。我想使用 taglib 的基础作为下面的 actionSubmit 标记库来编写我自己的标记库:

我需要做的唯一改变是让它能够接受

之间的标记:

有没有人有建议或对此实施?


将文件读入 String 并在 Expect Script 中循环

我想做的是:

  1. 创建一个.exp文件,该*.txt文件将从同一目录中读取文件并将文本文件中的所有内容解析为期望脚本中的字符串变量。
  2. 循环字符串,其中包含一系列主机名,并执行一系列命令,直到字符串被枚举。

所以脚本的作用是从同一目录下的文件中读取一系列主机名txt,然后将它们读入字符串,该.exp文件将自动登录到每个主机名并执行一系列命令。

我编写了以下代码,但它不起作用:

任何帮助是极大的赞赏....

0 投票
0 回答
2018 浏览

grails - Grails input type="submit" icon with bootstrap?

I'm trying to get an icon in a submit button using GRAILS. I had resolved getting the button to display, but at the expense of the form throwing errors. To display the tags I did a button tag, but then the form throws this error:

And the button in the gsp:

Does anyone know of a way to add an icon to an:

or a way of fixing the grails errors being thrown using the

method?

UPDATE

Controller logic is the default save() scaffold with very few modifications:

Domain object is large, but does not have anything unusual about it. It simply lists the objects to store.