Implementazione del tema WrapBootstrap nell'app Rails

Question

Ho appena acquistato un tema wrapbootstrap e sto provando ad inserirlo nella mia applicazione rails. Alcuni dei CSS come il padding, la barra di navigazione, i glyphicon e la maggior parte dei javascript non funzionano correttamente. Ho copiato tutti i fogli di stile e i javascript nell'asset/stylesheets e assets/javascripts rispettivamente. Qualche idea su come risolvere questi problemi?

Answer 1

È una bella raccolta di temi, infatti. È necessario innanzitutto aprire i file css e sostituire tutte le chiamate in ../img/ dir con plain images/ per fare in modo che la pipeline trovi gli elementi grafici del tema. Questa è la parte facile.

Per utilizzare i glifi è necessario creare una nuova directory sotto le risorse, ad esempio fonts. Quindi copiare le immagini glifi lì ed espandere le attività utilizzabili in application.rb di file, in questo modo:

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

Dopo di che, si dovrebbe rinominare la font-awesome.css-font-awesome.css.scss.erb e modificare la dichiarazione @font-face in questo modo:

@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; 
} 

Se ho perso una piccola parte, è a causa del vino rosso del sabato sera ... Non esitate a chiedere ulteriori dettagli.