Implementowanie motywu WrapBootstrap w aplikacji Rails

Question

Właśnie kupiłem motyw wrapbootstrap i próbuję wstawić go do aplikacji mojej szyny. Niektóre z css, takie jak dopełnianie, navbar, glify i większość skryptów javascript nie działają poprawnie. Skopiowałem wszystkie arkusze stylów i javascripts odpowiednio do zasobów/arkuszy stylów i zasobów/javascripts. Masz pomysł, jak rozwiązać te problemy?

Answer 1

To naprawdę niezła kolekcja tematów. Powinieneś najpierw otworzyć swoje pliki css i zamienić wszystkie połączenia na ../img/ w zwykłym images/, aby potok znaleźć elementy graficzne kompozycji. To łatwa część.

Aby użyć glifów, należy utworzyć nowy katalog w ramach aktywów, na przykład fonts. Skopiuj obrazy glifów tam i rozwinąć użyteczne aktywa application.rb pliku, podobnie jak to:

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

Po tym, należy zmienić nazwę font-awesome.css do font-awesome.css.scss.erb i zmienić deklarację @font-face w nim tak:

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

Jeśli przegapiłem jakąś małą część, to z powodu sobotniego wieczoru czerwonego wina ... Nie wahaj się prosić o więcej szczegółów.