在 Rails 应用程序中实现 WrapBootstrap 主题答案

【问题标题】：Implementing WrapBootstrap theme into Rails App在 Rails 应用程序中实现 WrapBootstrap 主题
【发布时间】：2023-03-27 22:12:01
【问题描述】：

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

【问题讨论】：

标签： javascript css ruby-on-rails twitter-bootstrap

【解决方案1】：

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

要使用字形，您应该在 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;
}

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

【讨论】：