【问题标题】:Bootstrap glyphicons showing up as empty squaresBootstrap 字形图标显示为空方块
【发布时间】:2017-01-04 13:02:08
【问题描述】:

如果我问的问题以前已经回答过,我深表歉意——但我是编码新手,我认为我需要一个“像我五岁一样解释”的版本。

我已经安装了 Bootstrap,并且正在尝试将 GLYPHICONS 放入我的按钮中。

但是当我尝试在按钮中放置一个字形图标时......它看起来就像一个空方块。

例如,这是我的一段代码:

点击此处转到 Google 和 http://google.com", class: "btn btn-danger btn-lg active glyphicon glyphicon-star" %>

该按钮完全按照我想要的方式显示...除了“搜索”一词旁边没有星号,我只看到一个空框。

知道为什么会发生这种情况/我该如何解决?

我的 GitHub 链接: https://github.com/JoshWeisman/pinteresting

提前感谢您的帮助!

【问题讨论】:

  • 使用引导 cdn..我猜你没有正确放置 glyp icnos...尝试添加 cdn 并让我知道它是否有效
  • 嘿@Navnit - 感谢您的回复。你能帮我分解一下吗?如何“添加 CDN”? (再次,编码新手,我还是个白痴)
  • 使用 CDN 这个:maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

标签: twitter-bootstrap


【解决方案1】:

如果您使用的是 Chrome,请检查开发人员工具控制台(在页面上按 F12)。大多数情况下,它说它无法找到字体文件,并且您修改 CSS 文件直到找到它们。查找它搜索字体文件的 URL(但给出未找到错误),然后在 CSS 文件中修复它们。

【讨论】:

  • 这肯定是评论——不是答案
  • 其实是一个答案,因为它解决了问题。
猜你喜欢
  • 1970-01-01
  • 2016-01-14
  • 2015-01-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-05-30
  • 2013-09-07
  • 2018-06-08
相关资源
最近更新 更多