2013-01-05 60 views
8

我剛剛購買了一個wrapbootstrap主題,並試圖將其插入到我的Rails應用程序中。一些CSS像填充,導航欄,glyphicons和大部分的javascript都無法正常工作。我將所有樣式表和JavaScript分別複製到assets/stylesheets和assets/javascripts中。任何想法如何解決這些問題?將WrapBootstrap主題實現到Rails應用程序

回答

16

這確實是一個不錯的主題集合。您應該先打開css文件,並用普通images/替換所有調用目錄,以使管道找到主題的圖形元素。這是很容易的部分。

對於使用字形,您應該在資產下創建一個新的目錄,例如fonts。然後在application.rb文件中有複製字形圖像和擴大可用資產,像這樣:

config.assets.paths << Rails.root.join("app", "assets", "fonts") 

之後,您應該重命名font-awesome.cssfont-awesome.css.scss.erb和更改@font-face聲明中這樣說:

@font-face { 
font-family: "FontAwesome"; 
src: url('<%= asset_path('fontawesome-webfont.eot')%>'); 
src: url('<%= asset_path('fontawesome-webfont.eot?#iefix')%>') format('eot'), url('<%= asset_path('fontawesome-webfont.woff')%>') format('woff'), url('<%= asset_path('fontawesome-webfont.ttf')%>') format('truetype'), url('<%= asset_path('fontawesome-webfont.svg#FontAwesome')%>') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

如果我錯過了一小部分,那是因爲週六晚上的紅酒......不要猶豫,要求瞭解更多細節。

相關問題