简而言之,我在我的应用程序中使用了这个 CSS 代码:
@media (min-width: @screen-md;) {
div.content-wrap-mobile {
display: none;
}
}
在本地主机上工作正常。当分辨率低于 XYpx 时,它只是隐藏一个 div。根据 Bootstrap 文档,这是有效的 CSS 代码: http: //getbootstrap.com/css/#grid
现在,当推动heroku时,我得到了这个:
rake aborted!
Invalid CSS after "...ia (min-width: ": expected expression (e.g. 1px, bold), was "@screen-md;) {"
我做错了什么?我在这里按照这个答案来配置我的production.rb: Can't get CSS working on Heroku using Rails 4 with bootstrap-sass gem
像这样:
config.cache_classes = true
config.serve_static_assets = true
config.assets.compile = true
config.assets.digest = true