javascript - 在 Rails 应用程序中实现 WrapBootstrap 主题

Question

我刚买了一个 wrapbootstrap 主题并试图将它插入到我的 rails 应用程序中。一些 css 像 padding、navbar、glyphicons 和大多数 javascripts 都不能正常工作。我将所有样式表和 javascripts 分别复制到 assets/stylesheets 和 assets/javascripts 中。知道如何解决这些问题吗？

Answer 1

确实，这是一个不错的主题集合。您应该首先打开css文件并将所有对 dir 的调用替换为../img/plainimages/以使管道找到主题的图形元素。那是容易的部分。

例如，为了使用字形，您应该在 assets 下创建一个新目录fonts。然后将字形图像复制到那里并展开application.rb文件中的可用资产，如下所示：

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

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