问题标签 [glyphicons]

我开始在我的 web 项目中使用 Foundation 5，但它似乎充满了错误，而且表单验证根本不起作用。所以我切换到 Bootstrap。

但是，Foundation 中有一个名为 Pre/Postfix Labels & Actions 的功能（请参阅此处），我希望它在 Bootstrap 中。

我已经搜索和搜索，但找不到任何类似的东西。我可以使用 glyphicon glyphicon glyphicon-gbp 在我的表单输入之前显示“£”符号，但是我无法使用网格系统使其正确流动。

我在这里有一个 JS Fiddle：http: //jsfiddle.net/kAnjN/

这是我的 HTML：

有人有建议吗？我是一名 PHP 开发人员，这样的前端事情让我很沮丧！Bootstrap 和 Foundation 应该使它更容易并且只是“工作”，但我总是需要花费几个小时来寻找解决小问题的方法。

我基本上想实现上面的 Foundation 链接上的内容。

我正在尝试将 Glyphicons 与 Bootstrap 3 一起使用，但发现其中一些不起作用。

例如，在这三个字形图标中，第一个不起作用（它显示为空框）：

JSFIDDLE：http: //jsfiddle.net/WE6BS/

我正在使用 Bootstrap JS、CSS 和 Glyphicons 的 CDN 版本，以及直接从 Glyphicons 示例页面复制代码，那么我做错了什么？

我使用 Bootstrap 3.0.3 字形图标。在桌面浏览器和 Android 设备上一切正常。我的问题是关于 Apple 设备（在运行 iOS7 的 iPhone 和 iPad 上测试）。

字形图标看起来像表情符号。我发现了一些问题，但没有回答我的问题。

这是查看屏幕截图的链接：http ://www.fredericblancheton.fr/imgdisallow/image.png

谢谢您的帮助。

快速提问。我有：

而不是阅读“喜欢”的文字，我想用以下内容替换整个按钮：

象征。

在rails中用竖起大拇指图标替换提交按钮但它做同样的事情的正确方法是什么？

更新

我找到了这个：

但唯一的问题是这仍然显示了字形图标后面的按钮（即使我删除了 btn btn-primary）。有谁知道如何摆脱按钮？

谢谢！

奇怪的是，Chrome v31 中没有显示任何 Bootstrap3 字形图标（显示一个小方块）。但是，在 FF v26、Opera v18、Safari v5.1 和 IE v10 中运行良好。此外，在 Android 4.x - Chrome 和 FF 中也能正常工作。

用简单的代码测试：<span class="glyphicon glyphicon-adjust"></span>

请帮忙。提前非常感谢！

环境：Windows 8.0

我尝试在搜索表单旁边放一个搜索图标，但它不起作用。我在这里尝试了一些解决方案，但没有一个可以工作。我应该怎么办？

这是源代码

我意识到这里已经回答了类似的问题，但其中许多答案是使用 gems 或直接修改 Bootstrap 的文件。虽然这些都是有效的配置，但我想增加我在这方面的知识（Sprockets、Rails Pipeline、一般的前端开发），并想了解为什么这不起作用，潜在的问题是什么。

Ruby 2.0.0-p353、Rails 4.0.2、Bootstrap 3.0.3、Nginx 1.4.4、Passenger 4.0.33

我从他们的网站下载了最新的 Bootstrap zip，执行了此处找到的所有操作，将这些文件直接包含到我的应用程序中，并且能够让字形图标完全按照预期在我的开发环境中显示。但是，当我部署到生产环境时，字形图标在 Chrome 中显示为正方形。我将 glyphicons 文件的单个文件扩展名添加到生产预编译中，并验证它们显示在我的 public/assets 文件夹中。js/css 文件和 glyphicon 文件之间的唯一区别是 glyphicon 文件旁边没有 gzip 文件。

生产.rb：

我知道 Rails 在开发和生产之间加载资产的方式不同，但为什么它没有看到或理解生产中的 glyphicon 资产？有没有办法用我当前的配置来解决这个问题，还是我需要改变我包含这些资产的方式以允许我修复这个错误？

此外，在开发和生产中，每次渲染使用字形图标的页面时都会出现以下错误，但图标仍然显示。这有关系吗？

• ActionController::RoutingError (没有路线匹配 [GET] "/fonts/glyphicons-halflings-regular.woff")
• ActionController::RoutingError (没有路线匹配 [GET] "/fonts/glyphicons-halflings-regular.ttf")
• ActionController::RoutingError (没有路线匹配 [GET] "/fonts/glyphicons-halflings-regular.svg")

我有一个运行良好的星期选择器，但我希望通过单击日历的 Glyphicons PRO 图标来打开选择器。

任何人都知道如何使用 Glyphicons PRO 日历图标而不是输入字段来打开日期选择器的日历？

当我将鼠标悬停在该行中的任何日期上时，我还希望日历正确突出显示行。现在，只有当我选择的日期在该周的范围内时，这些行才会突出显示。

这是我的小提琴.... http://jsfiddle.net/notanothercliche/ke62p/

我正在处理 ASP.NET MVC 4 中的一个项目，我执行了以下步骤：

1. 从http://blog.getbootstrap.com/2013/12/05/bootstrap-3-0-3-released/下载 twitter 引导程序

2. 将字体文件的构建操作设置为内容（文件位于 ~/Content/font 文件夹中）

   /li>

3. 添加到 RouteConfig.cs

   routes.IgnoreRoute("{folder}/{*pathInfo}", new { folder = "Content" });

4. 向 Web.config 添加了以下元素

   /li>

5. 在 BundleConfig.cs 中包含以下代码

   还尝试了以下代码

   /li>

6. 在主 Layout.cshtml 中调用

   @Styles.Render("~/bundles/maincss")

仍然在本地主机中正常显示图标，但是当我推送代码以发布服务器时，我只能看到方形而不是图标，并且在 Chrome 的控制台选项卡中我得到

GET http://domain.apphb.com/fonts/glyphicons-halflings-regular.woff 404（未找到）测试：1

GET http://domain.apphb.com/fonts/glyphicons-halflings-regular.ttf 404（未找到）测试：1

GET http://domain.apphb.com/fonts/glyphicons-halflings-regular.svg 404（未找到）测试：1

谢谢你。

如何在 APEX 中使用 Bootstrap 3 字形图标？我在共享组件（级联样式表）中上传了所有引导文件，但是当我尝试显示字形图标时，似乎找不到字体。

这是显示 gryphicon 的代码：