NoPoint bootstrap-sass 的 Glyphicons 不显示

chengkai1853 · 2015年11月21日 · 最后由 chengkai1853 回复于 2015年11月21日 · 2235 次阅读

项目中用到了bootstrap-sass gem 'bootstrap-sass', '~> 3.3.5'。但是在加载Glyphicons会出问题,图标不会显示。

我在开发环境中,通过chrome查看application.css。可以看到关于Glyphicons的相关配置如下。

@at-root {
  @font-face {
    font-family: 'Glyphicons Halflings';
    src: url("/assets/bootstrap/glyphicons-halflings-regular.eot");
    src: url("/assets/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/assets/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("/assets/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("/assets/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("/assets/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
}

而且我也可以通过http://127.0.0.1:3000/assets/bootstrap/glyphicons-halflings-regular.eot这种形式来访问以上的链接,可以访问到文件。 文件中Glyphicons元素如下(是bootstrap-markdown里面的)

<span class="glyphicon glyphicon-italic"></span>

请问是什么原因啊?所有的glyphicon都加载不出来。项目中也用了font-awesome-sass,但是由于那部分用到的是bootstrap-markdown。 一天都在google上找寻答案无果,请大大给个思路。不胜感激!

此贴已暂时被屏蔽!

以下几种情况的帖子可能会被屏蔽:

  1. 标题/正文描述不清不楚;
  2. 无意义的发帖;
  3. 存在广告嫌疑;
  4. 招聘信息描述不清楚,未按照招聘节点的要求发帖,或职位信息不符合社区用户群需求;
  5. 新注册的帐号发布产品推广贴是不允许的哦,付出和回报是相等的,当然如果你的产品确实非常有意思,或是和 Ruby 有关的东西,是不会进入这个栏目的。
  6. 太过弱的提问会被直接转移到此节点,请在提问前多尝试,多搜索;
  7. 理论上,不允许发布 QQ 群、微信群之类讨论群。

如果你发现你的帖子被屏蔽,请自我检查反省,并修改帖子内容。


招聘贴被屏蔽原因

警告: 以后招聘贴不符合要求,直接屏蔽,管理员不再回复,如认真阅读,继续新发同样格式的贴,将会被禁用账号!

  • 排版请按 Ruby China 的 Markdown 格式要求,具体请认真阅读: 排版指导,并参考 这篇招聘 的排版;
  • 招聘内容过少,缺少公司介绍,产品介绍,职位介绍,或待遇,工作地,联系方式等必要信息;
  • 重复发帖(一家公司每月限制只能发一次招聘);
  • 专业不对口(个别不对口,但有特点的,我们会放过);

如果你有时间,请阅读 招聘栏目详细说明


学会如何合理提问,请阅读:https://ruby-china.org/topics/24325

当你修改好以后,可以回帖 @huacnlee@Rei@lgn21st 任何一人,我们将会审核,通过以后才可恢复到其他节点。

注!多次发现广告嫌疑的帐号,将会被禁用帐号。

共收到 1 条回复

不好意思,问题解决了,是版本问题.我改成如下就好了

gem 'sass-rails', '~> 5.0.1'
#bootstrap
gem 'bootstrap-sass', '~> 3.3.5.1'
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册