【问题标题】:Bootstrap doesn't show all glyphiconBootstrap 不显示所有字形图标
【发布时间】:2015-05-30 16:23:31
【问题描述】:

我的引导字形图标有些问题。

我目前在我的项目中使用了许多 glyphocon,但我不能全部使用它们。

我会尝试更好地解释自己。

<span class="glyphicon glyphicon-th-large text-primary"></span>

这在我的网站上运行良好,但是:

<span class="glyphicon glyphicon-sunglasses text-primary"></span>

这个不是。

我尝试下载一个干净的引导程序,然后我只使用字体文件夹并替换了我项目中的文件。但什么都没有改变。

我对一些随机的字形图标有这个问题,而不是所有的。

我真的不知道为什么:/

附:我也试过这个:Bootstrap 3 unable to display glyphicon properly

【问题讨论】:

  • glyphicon-sunglasses 是 glyphicons 1.9 中的新功能。你有正确版本的字形图标吗?
  • 仅仅改变字体是不够的。您还必须更新 css 文件,因为需要 glyphicon-sunglasses 类来显示字形图标。
  • Okkei 可能我很笨,但我必须在哪里更新它?在 bootstrap.css 中?

标签: css twitter-bootstrap glyphicons


【解决方案1】:

这个字形是新的,所以你需要新的字体。但是您还需要添加正确的类。只是更改字体文件不会添加它。替换您的 bootstrap.css 文件或将其添加到您现有的文件中:

.glyphicon-sunglasses:before {
  content: "\e240";
}

【讨论】:

  • 好吧,谢谢,也很抱歉向这里的所有人提出这个愚蠢的问题;)
  • @ZenoTrevisan 这根本不是一个愚蠢的问题。我们都有不同的学习方式
猜你喜欢
  • 2015-01-15
  • 1970-01-01
  • 1970-01-01
  • 2014-08-27
  • 1970-01-01
  • 2018-06-08
  • 2016-01-14
  • 2016-04-20
  • 2017-01-04
相关资源
最近更新 更多