2012-11-17 46 views
0

我想將PlusStrap framework用於我的Rails應用程序。正如我所看到的,它是一個稍微定製的Bootstrap。將Bootstrap-like框架集成到Rails應用程序

我在我的佈局包括CSS文件:

<%= stylesheet_link_tag "plusstrap.min.css" %> 

但是,當我看這個CSS文件,我發現這樣的圖像裁判:

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

我已經創建了資產/ IMG文件夾並將圖像文件放入其中,但Rails無法找到此圖像。我該如何解決它?

回答

1

的正確方法包括什麼,通過CSS的URL調用refferenced是:

background-image: url("/images/yourpic.png") 

Rails框架處理它以特殊的方式....

+0

如果我正確理解你提供更改CSS文件?我想避免它:) – demas

+0

這是可惜的,但你必須。這就是爲什麼有框架衍生的寶石。現在我不知道如何避免它。 –

+0

你也可以嘗試通過在application.css中聲明來包含你的css。我想通過包含它,而不是通過stylesheet_link_tag調用它,它會正確處理路徑。 (不要忘記添加.scss) –

0

檢查您的文件夾結構,它是否真的指向圖像?檢查文檔中軌道中的相對路徑。

0

如果你不想修改CSS文件,你可以把它放在一個文件夾中一樣app/assets/stylesheets/plusstrap/plusstrap.min.cssapp/assets/images/img/圖像,所以你會打電話與CSS:

<%= stylesheet_link_tag "plusstrap/plusstrap.min.css" %> 

我知道,它可以被重新掛件,但是如果你想保留你的css作爲原件,這是一種有效的方法。

相關問題