rails,覆盖生产中的bootstraps规则

时间:2012-05-01 07:45:40

标签: ruby-on-rails heroku twitter-bootstrap overrides

你好我在进入生产服务器时无法覆盖bootstraps框架。在我的本地机器上我可以覆盖它但是把它放在heroku上,它会恢复为twitters bootstrap规则。

例如,我一直试图覆盖

<%= text_field_tag :search, params[:search], :class => "input-medium search-query" %>

我的stylesheets文件夹中有一个custom.css.scss文件,然后从我的application.css中编译,因为我做了...

*= require_self
*= require_tree .

在我的custom.css.scss上,我做了

@import "bootstrap";

在顶部。我能够以两种不同的方式覆盖输入栏的长度。

我可以通过

覆盖输入媒体类
.input-medium{ width:300px !important }

或添加一个类,例如.expand

.expand{ width:300px !important; }

表单看起来像

<%= text_field_tag :search, params[:search], :class => "input-medium search-query expand" %>

不幸的是,这些更改只出现在我的本地计算机上。当我推到heroku时,它似乎又回到了twitters规则。有人可以帮忙吗?

谢谢=)

1 个答案:

答案 0 :(得分:2)

确保在对CSS或JS进行更改后每次推送到Heroku时都重新编译资产。试着这样做:

RAILS_ENV=production rake assets:precompile

完成后,推送到GitHub(或其他),然后推送到Heroku。然后您的更改应该可见。