2014-02-17 86 views
0

使用twitter-bootstrap-rails gem时,glyphicons不起作用。我注意到,所产生的CSS有:Rails twitter-bootstrap-rails glyphicons不起作用

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

这不是有效的CSS属性,所以当然这是行不通的。我没有做什么特别的东西,这正在从sprites.less文件,里面有直接拉到:

background-image: @iconSpritePath; 

我相信这应该是翻译成背景:网址()在生成CSS,但这似乎并没有发生。

回答

0

试试这个:

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

好了,问题是,sprites.less文件是Twitter的引导护栏宝石里面,所以我不能修改它...好,我可以,但当我推动prod时,它不会保持修改,除非我创建了该宝石的修改版本。 – cloudwalker

+0

不要忘记您放入应用资产树中的任何文件都会覆盖它位于供应商树中的gem等效项。所以只需将代码复制到您自己的文件中即可。将它放置在应用资产树中与创建资产树中相同的位置。进行更改。测试。承诺。推。 –

+0

我试过了,但似乎sprites.less中的内容重写了我放置在资产树中的任何内容。无论我做什么,从sprites.less的背景图像是最终被使用的。我确信我在这里做错了什么,但我无法让它工作。它似乎也很奇怪,它不会与twitter-bootstrap-rails gem一起使用。 – cloudwalker