2016-05-24 8 views
0

グリフコンをオンラインで購入した後、glyphicons regularbootstrap (3.3.6)とRails 4.2アプリに統合しました。その前に、glyphicon halfingsは他の誰かによって統合されています。私がしたのは、5グリフコンファイル(svg, ttf, eot, woff, woff2)をglyphicons/web/bootstrap-example/fonts/からassets/fonts/にコピーすることでした。 `assets/stylesheets/'にplyphicons/web/bootstrap-example/css/glyphicons.cssもコピーされています。ここでは、レールの資産下のファイルは、以下のとおりです。glyphicons Rails 4.2/bootstrapにPROアイコンが正しく表示されない

enter image description here

問題がglyphicon regularのアイコンが表示されていないということです。 application.css.scss

、問題はglyphiconが正しく表示されていないということです@import glyphicons.css

を追加します。これはチャーとボックスを示している

<%= link_to '<i class="glyphicons glyphicons-eye-open"></i> Free Trial Now'.html_safe,... %> 

(読み取ることができない)4頭の隅に:ここでハーブCODELあります。下記の画像をご覧ください: enter image description here

私たちのプロセスでは何が欠けていますか?ありがとう。

+0

あなたが私にコンソールエラーを表示することができますが、htmlの要素(f12、要素をチェック...) – HudsonPH

答えて

0

Railsではスタイルシートが/assetsです。 glyphicon.cssでは、fontsassetsに置き換える必要があります。この変更の後、グリフコンPROが動作を開始します!

1

まずは、ブラウザのデバッグコンソール(ChromeでCtrl + Shift + i)を開き、このバグの原因となったエラーを列挙します。

通常、サードパーティの.cssファイルには、イメージ参照がいくつかあります。 これらのファイルを統合するときは、必要に応じて画像のURL /パスを変更する必要があります。

1

このようにしてみてください。

これは、あなたが動作するように他の事をする必要があるリンク

<td><%= link_to edit_user_path(user) do %> 
     <i class="glyphicons glyphicons-eye-open" title='Edit'></i> 
     <% end %> 
    </td> 
1

にglyphiconsを使用する正しい方法であり、

をこのチュートリアルをチェックしてください: http://www.erikminkel.com/2013/09/01/twitter-bootstrap-3-in-a-rails-4-application/

+0

グリフコンPROを追加する方法です。グリフコンハーフリングは、アプリケーションで動作しています。 – user938363

+0

グリフコンPROバンドルはブートストラップ内にありません。ハーフリングはすでに内部にあります。それらを表示するには、cssの16進コードが適切であることを確認する必要があります。 –

関連する問題