我刚刚在 wrapbootstrap 购买了一个主题并启动了一个新的 Rails 应用程序来试验它。该主题没有文档,而且我是 Rails 新手,所以我可以使用一些帮助。这里的其他示例都不是非常详细,并且似乎没有关于此在线的博客文章。谢谢。
这就是主题,如果有帮助的话——假设我正在运行 Rails 3,已经运行了“rails new Experiment”并且此时没有安装任何 gem,甚至没有安装 bootstrap。希望从一开始就在stackoverflow上为其他人提供明确的指示。
我刚刚在 wrapbootstrap 购买了一个主题并启动了一个新的 Rails 应用程序来试验它。该主题没有文档,而且我是 Rails 新手,所以我可以使用一些帮助。这里的其他示例都不是非常详细,并且似乎没有关于此在线的博客文章。谢谢。
这就是主题,如果有帮助的话——假设我正在运行 Rails 3,已经运行了“rails new Experiment”并且此时没有安装任何 gem,甚至没有安装 bootstrap。希望从一开始就在stackoverflow上为其他人提供明确的指示。
我建议您执行以下操作:
/vendor
vendor/assets/stylesheets
vendor/assets/javascripts
vendor/assets/images
app/assets/stylesheets/application.css
为您希望包含在应用程序中的每个 CSS 文件创建一个条目。那里列出的所有文件都应该自动包含在所有使用默认布局的页面中app/views/layouts/application.html.erb
。app/assets/javascripts/applications.js
。随意自定义您的主题,但将您自己的文件放在app/assets/stylesheets
,app/assets/javascripts
和app/assets/images
. 这样它们就不会与您购买的主题混淆,并且您可以轻松删除您的更改,而不必担心破坏您的主题。
现在您将不得不手动编辑所有样式表和 JavaScript 文件以查找图像参考。将所有路径更改为/assets
. 像这样:
background-image: url(http://www.example.com/images/bck.png)
变成:
background-image: url('/assets/bck.png')