WrapBootstrap 테마를 Rails App에 구현

Question

방금 ​​wrapbootstrap 테마를 구입하여 내 레일 애플리케이션에 삽입하려고합니다. padding, navbar, glyphicons 및 대부분의 javascript와 같은 일부 CSS는 제대로 작동하지 않습니다. 모든 스타일 시트와 자바 스크립트를 자산/스타일 시트와 자산/자바 스크립트에 각각 복사했습니다. 이러한 문제를 해결하는 방법에 대한 아이디어가 있습니까?

Answer 1

참으로 멋진 테마 모음입니다. 먼저 css 파일을 열고 ../img/ dir의 모든 호출을 일반 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; 
} 

일부 작은 부분을 놓친 경우 그것은 토요일 밤 레드 와인 때문입니다 ... 자세한 내용을 물어 보지 마십시오.