ruby-on-rails - 需要将 wrapbootstrap 主题集成到新的 Rails 应用程序中的说明

Question

我刚刚在 wrapbootstrap 购买了一个主题并启动了一个新的 Rails 应用程序来试验它。该主题没有文档，而且我是 Rails 新手，所以我可以使用一些帮助。这里的其他示例都不是非常详细，并且似乎没有关于此在线的博客文章。谢谢。

这就是主题，如果有帮助的话——假设我正在运行 Rails 3，已经运行了“rails new Experiment”并且此时没有安装任何 gem，甚至没有安装 bootstrap。希望从一开始就在stackoverflow上为其他人提供明确的指示。

Answer 1

我建议您执行以下操作：

1.复制主题资源到/vendor

• 将所有 CSS 文件复制到vendor/assets/stylesheets
• 将所有 JavaScript 文件复制到vendor/assets/javascripts
• 将所有图像复制到vendor/assets/images

2. 在资产清单中创建条目

• app/assets/stylesheets/application.css为您希望包含在应用程序中的每个 CSS 文件创建一个条目。那里列出的所有文件都应该自动包含在所有使用默认布局的页面中app/views/layouts/application.html.erb。
• .js 下的 JavaScript 也是如此app/assets/javascripts/applications.js。

3.将主题自定义与原始主题文件分开

随意自定义您的主题，但将您自己的文件放在app/assets/stylesheets,app/assets/javascripts和app/assets/images. 这样它们就不会与您购买的主题混淆，并且您可以轻松删除您的更改，而不必担心破坏您的主题。

4.更改图片路径

现在您将不得不手动编辑所有样式表和 JavaScript 文件以查找图像参考。将所有路径更改为/assets. 像这样：

background-image: url(http://www.example.com/images/bck.png)

变成：

background-image: url('/assets/bck.png')