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

时间:2013-05-19 00:17:07

标签: ruby-on-rails ruby-on-rails-3 twitter-bootstrap

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

这是主题,如果有帮助 - 假设我正在运行Rails 3,已经运行'rails new experiment'并且此时没有安装任何宝石,此时甚至没有引导程序。希望从头开始,在stackoverflow上为其他人提供明确的指示。

1 个答案:

答案 0 :(得分:14)

我建议你做以下事情:

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
  • 的所有页面中
  • app/assets/javascripts/applications.js下的JavaScripts也是如此。

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

您可以随意自定义主题,但可以将自己的文件放在app/assets/stylesheetsapp/assets/javascriptsapp/assets/images下。这样他们就不会与您购买的主题混淆,您可以轻松删除您的更改,而不必担心会破坏您的主题。

4。更改图像路径

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

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

变为:

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