【问题标题】:Rails twitter-bootstrap-rails glyphicons are not workingRails twitter-bootstrap-rails glyphicons 不工作
【发布时间】:2015-05-26 19:45:56
【问题描述】:

使用 twitter-bootstrap-rails gem 时,字形图标不起作用。我注意到生成的 css 有:

background-image: "/assets/twitter/bootstrap/glyphicons-halflings.png"

这不是一个有效的 css 属性,所以它当然不起作用。我没有做任何特别的事情,这是直接从 sprites.less 文件中提取的,该文件具有:

background-image: @iconSpritePath;

我认为这应该在生成的 css 中转换为背景:url(),但这似乎没有发生。

【问题讨论】:

    标签: ruby-on-rails twitter-bootstrap


    【解决方案1】:

    试试这个:

     background-image: asset-url("glyphicons-halflings.png");
    

    【讨论】:

    • 嗯,问题是 sprites.less 文件在 twitter-bootstrap-rails gem 中,所以我不能修改它......好吧,我可以,但它不会然后在我推送到 prod 时保持修改,除非我创建了该 gem 的修改版本。
    • 不要忘记您放在应用程序资产树中的任何文件都会覆盖它位于供应商树中的 gem 等效项。因此,只需将代码复制到您自己的文件中即可。将它放在您的应用程序资产树中与 gem 资产树中相同的位置。进行更改。测试。犯罪。推。
    • 我已经尝试过了,但 sprites.less 中的内容似乎覆盖了我放在资产树中的任何内容。无论我做什么,来自 sprites.less 的背景图像最终都会被使用。我确定我在这里做错了什么,但我无法让它工作。使用 twitter-bootstrap-rails gem 不能开箱即用,这似乎也很奇怪。
    • 是的。这很奇怪。我个人使用 sass bootstrap 版本的 rails。
    猜你喜欢
    • 2013-12-13
    • 2014-03-24
    • 2017-09-16
    • 2012-02-25
    • 1970-01-01
    • 2014-10-16
    • 1970-01-01
    • 2014-10-17
    • 2014-06-10
    相关资源
    最近更新 更多