标签: glyphicons

如果你看下面我的应用程序的图像,你会看到第一个按钮没有字形图标(播放图标),第二个按钮没有.有人可以帮我在第一个按钮中放置一个字形图标,就像下面的按钮一样吗？

这篇文章将Bootstrap图标添加到Ruby on Rails中的按钮,这个使用带有嵌入式HTML的link_to对我来说不起作用.这是第一个和第二个按钮的代码:

      <div>
      <blockquote class="pull-left">
      <p id="joke_section">
      <%= @l.content %>
      </p>
      <small><%= @l.author %> </small>

      <%= button_to "Nast?pny", random_joke_path, {remote: true, class: "btn btn-small"} %>


      </blockquote>
      </div>

      </div>

</div>

<div><blockquote class="pull-left">
  <p id="mycontainer"><%= @l.content %> </p>
  <small><%= @l.author %> </small>
  <button id="but" class="btn btn-small", "pull=right" type="button">
      Nast?pny <i class="icon-play"></i>
  </button>

</blockquote></div>

是否有可能从引导程序v2.3.2更改字形的颜色，而无需在引导程序v3.x中进行迁移？例如，我使用此类：

<i class="icon-edit"></i>

如果您能帮助我，我会很高兴。

问候，

如何在 Bootstrap 2.3.2 中使用 GLYPHICONS？我已经下载了 Glyphicons ZIP。但我不知道如何安装它。有人能帮助我吗？

该引导验证插件可以帮助验证表单字段提供了一堆很酷的功能。其中一项功能是反馈图标，默认为 glyphicon。

假设我想用字体 awesome 替换 glyphicon。

的文档说，他们可以通过使“反馈” JSON对象作为数据属性或通过JavaScript来改变。

通过 JavaScript 很容易。但是作为数据属性，不清楚在哪里以及如何添加它，因为简单地添加：

feedback: {
  success: 'fa-check',
  error: 'fa-times'
}

作为数据属性到<form>或<div class="form-group">或<input>本身它不起作用。

请参考-https: //jsfiddle.net/cyCFS/3218/

<div class="right-inner-addon ">
    <input type="search"
       class="form-control" 
       placeholder="&#xe003" />
</div>

我希望glyphicon在输入文本框中显示为占位符。但它不会渲染。好像我放了一个字体很棒的图标六边形代码一样，它可以呈现。

如何使其在glyphicon中工作（不引入任何新标签，例如span或我只是为了显示图标

<i class= glyphicon-search"</i>

我在Bootstrap 3项目中需要Skype glyphicon.

我在github上找到了这个不错的回购:https: //github.com/ericzhang-cn/full-glyphicons

我在文件夹img中复制了两个图像,导入了CSS文件glyphicons.css并尝试使用github中解释的图标:

<i class="icon-g-skype"></i> Address roma

但是没有用.有没有其他人有这个问题？谢谢!

我一直在使用 Bootstrap 来构建我的网站，但在这样做和研究 SEO 的过程中，我发现使用i带有字形图标的标签在技术上并不是“有效”的 HTML。是否有明确的规则规定i可以以这种方式使用标签而不影响标记有效性而不影响 SEO？

作为此问题的一部分，我还试图满足有关我的锚文本未描述其目的地的投诉：

<a href="@Url.Action("Accountant", "Service")">
     <div class="service-icon">
           <div class="icon-book-1 icon-medium-effect icon-effect-2"></div>
     </div>
</a>

这会产生所需的视觉效果，但是我无法添加锚文本，否则它显然会显示在屏幕上。通常情况下，图像会在锚点内使用，并且我可以显示alt文本，所以我被困在最好放置这个“描述性文本”的位置。

当用户悬停时,我尝试更改多色glyphicon的颜色.

这是我的例子:

https://jsfiddle.net/p7ht5kzh/

我尝试使用此代码:

.icon-usp_emblemservice:hover{
  color: red;
}

但它不适用于多色图标.

可能吗？