4

Heroku に Rails アプリをデプロイし、twitter-bootstrap-rails gem を使用して twitter ブートストラップを含めています。すべてがローカル (および開発環境) で完全に機能しますが、Heroku (および本番環境) では、小さな四角形として表示されるグリフィコンを除いて、すべて正常に機能します。

最初は、これはアイコン スプライトがプリコンパイルされていないことに問題があると考えたので、gemfile で「gem twitter-bootstrap-rails」という行をアセット グループから移動し、アップロードする前にすべてのアセットをプリコンパイルしたことを確認しました。ヘロクへ。

ただし、これで問題は解決しませんでした。ページを調べたところ、アイコンは使用できるように見えますが、アイコンにリンクする CSS プロパティが、background-image を none に設定する別の CSS ルールによって上書きされています。Twitter ブートストラップの一部であるスタイルシートで発生しているように見えるので、なぜこれが発生しているのかよくわかりません。

他の誰かがこの問題を抱えていますか?

4

3 に答える 3

4

に追加することでこの問題を解決しましたconfig/environments/production.rb

config.assets.precompile += %w( '.woff', '.eot', '.svg', '.ttf' )

また、次の文字列が にGemfileあり、github パスはありません:

gem 'twitter-bootstrap-rails'

この設定により、Glyphicons は Heroku 上でうまく表示されました。

于 2013-11-30T11:17:17.773 に答える
-1

bootstrap.css ファイルで次の変更を行います。

1174行目あたり:

-  background-image: url("../img/glyphicons-halflings.png");
+  background-image: image-url("glyphicons-halflings.png");

そして1183行目あたり:

-  background-image: url("../img/glyphicons-halflings-white.png");
+  background-image: image-url("glyphicons-halflings-white.png");

それでうまくいくと思います。

于 2012-09-19T19:40:03.753 に答える