javascript - 在 Rails App 中实现 WrapBootstrap 主题

Question

我刚刚购买了一个 wrapbootstrap 主题，并试图将其插入到我的 Rails 应用程序中。一些 css，如 padding、navbar、glyphicons 和大多数 javascripts 无法正常运行。我将所有样式表和 javascript 分别复制到 assets/stylesheets 和 assets/javascripts 中。知道如何解决这些问题吗？

Answer 1

确实，这是一个很好的主题集合。您应该首先打开您的 css 文件并将所有对 ../img/ 目录的调用替换为普通 images/ 以使管道找到图形元素的主题。这是最简单的部分。

要使用字形，您应该在 assets 下创建一个新目录，例如 fonts 。然后在那里复制字形图像并在 application.rb 文件中展开可用 Assets ，如下所示:

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

在那之后，你应该将你的 font-awesome.css 重命名为 font-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;
}

如果我错过了一小部分，那是因为周六晚上的红酒......不要犹豫，询问更多细节。