Thực hiện chủ đề WrapBootstrap vào Rails App

Question

Tôi vừa mua một chủ đề wrapbootstrap và đang cố gắng chèn nó vào ứng dụng đường ray của mình. Một số css như padding, navbar, glyphicons, và hầu hết các javascripts không hoạt động chính xác. Tôi đã sao chép tất cả các bảng định kiểu và javascripts vào các tài sản/kiểu dáng và các phần tử/javascripts tương ứng. Bất kỳ ý tưởng làm thế nào để sửa chữa những vấn đề này?

Answer 1

Đó thực sự là một bộ sưu tập các chủ đề hay. Trước tiên, bạn nên mở các tệp css và thay thế tất cả các cuộc gọi thành ../img/ dir bằng đồng bằng images/ để làm cho đường ống tìm thấy các yếu tố đồ họa của chủ đề. Đó là phần dễ dàng.

Để sử dụng hình tượng, bạn nên tạo một thư mục mới dưới dạng nội dung, ví dụ: fonts. Sau đó sao chép các hình ảnh glyphs ở đó và mở rộng tài sản có thể sử dụng trong application.rb tập tin, như thế này:

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

Sau đó, bạn nên đổi tên của bạn font-awesome.css-font-awesome.css.scss.erb và thay đổi tờ khai @font-face trong nó như thế này:

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

Nếu tôi đã bỏ lỡ một số phần nhỏ, đó là vì rượu vang đỏ đêm thứ bảy ... Đừng hessitate để yêu cầu thêm chi tiết.