Bootstrap glyphicons出现为正方形

时间:2013-08-13 01:55:21

标签: twitter-bootstrap twitter-bootstrap-rails glyphicons

我使用' twitter-bootstrap-rails'运行Rails 4宝石(2.0.5)和我之外的一些原因,字形只能作为正方形出现。其余的bootstrap似乎工作正常。我试过直接添加字体真棒,但没有吸引力。关于什么导致bootstrap完全起作用的任何想法,除了glyphicons?

group :development do
 gem 'better_errors'
 gem 'binding_of_caller'
 gem 'meta_request'
 gem 'twitter-bootstrap-rails'
end
group :assets do 
 gem 'twitter-bootstrap-rails'
end
#for the sake of redundancy
gem 'font-awesome-rails'

2 个答案:

答案 0 :(得分:0)

我设法用

解决了这个问题
    *= require font-awesome

在我的css文件中,但我仍然感到困惑的是为什么twitter-bootstrap只有图标的例外。

答案 1 :(得分:0)

我的问题与您的问题有点不同,但我仍然会在以后遇到此问题时添加答案。

在我的情况下,当我使用bootstrap-sass版本3.0.3.0时,所有的glyphicons都可以工作。更新到bootstrap-sass 3.3.7后,一些glyphicons正确显示,其他字形显示为正方形。

有两个问题:

  1. 我不得不添加@import" bootstrap-sprockets&#34 ;; line to application.css.scss文件(似乎在3.3版本之后需要它,之前不需要它)
  2. 我必须将rails-sass版本从4.0更新到5.0
  3. 仅供参考:我使用4.1.0 rails版本

    在我明确地将bootstrap-sass的版本设置为3.3.7之前,我没有得到关于无效sass版本的错误。以前,bundler会自动选择这个版本,并且它并没有打扰了rails-sass版本不兼容的捆绑包。这听起来像是不可能发生的事情,也许我对这最后一段错了。我不是Ruby专家,我不知道捆绑者是否能够犯这样的错误。