2014-02-17 84 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