ファイル パスは正しいと思いますが、まだグリフィコンを表示できません。サイトへのリンクとその他の情報を共有しました。

ファイルパス../assets/img/glyphicons-halflings.png

• アセットにはcssファイルとJSファイルが含まれています
• 特定のブートストラップ css ファイルのファイル パスを一致するように変更しました (アセットを追加)。

ここにマークアップがあります

ツイッターのブートストラップを使用していますが、ホームページで使用されているグリフィコンについて質問があります。参考までに、ベースCSSページを参照してください：http ：//twitter.github.com/bootstrap/base-css.html

左側には、ナビゲーション（タイポグラフィ、コード、表など）が表示されます。お気づきの方もいらっしゃると思いますが、ナビゲーションには「icon-chevron-right」クラスで識別されるグリフィコンが含まれています。ただし、アイコンは黒でも白でもありません。灰色です。マウスを特定のアイテムの上に置くと、アイコンは濃い灰色に変わります。CSSは異常なことを何も表示せず、黒いグリフィコンを参照しているように見えますが、アイコンは灰色でホバー効果があります。

ここでブートストラップのどの機能が使用されているか考えてみてください。

以下は私のページのクロムビューです。ここで画像/アイコンの側面がうまく表示されない

しかし、その画像/リンクにマウスオーバー/ホバーするか、ウィンドウ幅を手動で変更すると、以下のように正しく表示されます。しかし、Firefoxでは問題なく動作します

これは私が使用しているhtmlコードです

Rails アプリで Bootstrap を使用して Glyphicon を表示しようとしていますが、表示する方法がわかりません。ここで、パスを修正することでこの問題を解決しようとするいくつかの質問を読みました。ただし、これらの質問/回答を確認しても、グリフィコンが表示されないため、まだ立ち往生しています。

画像とスタイルシートはどちらも同じ「Assets」ディレクトリにあります。私が使用している HTML は、ブートストラップ スタイルシートにリンクしている適切なクラスを見つけている Chrome の要素を調べると、うまく動作しているようです。

HTML:

CSS (Bootstrap のデフォルトは、/img を /images b/c に更新したことを除いて、これが私の images ディレクトリの名前です):

役立つかもしれないもう1つのコメント。Chrome で要素を検査し、要素検査セクションの右側のレールにある「../images/glyphics...」にカーソルを合わせると、Chrome は localhost:3000/assets/../images/glyphicons-halflings.png を次のように引用します。アプリケーションのルートからの正しいパスではありません。これは Chrome の略記に過ぎないと思いますが、これが私の問題の根本でない限り、彼らが正しいパスを引用しないのは奇妙に思えます。とは言え、まだ直し方がわからない。

symfony2 とブートストラップについて質問があります。環境「prod」からはアイコン画像をロードできるのに、環境「dev」からはロードできない理由がわかりません。開発では、このエラーが発生します。

ルートは「GET /img/glyphicons-halflings.png」です。

画像 web/img/glyphicons-halflings.png は、../../vendor/twitter/bootstrap/img/glyphicons-halflings.png へのシンボリック リンクです。

このエラーが発生します

そして、画像を取得します

アップデート

この方法でブートストラップを含めます。

製品で使用すると、これが機能します

そして、私はこのアセット構成を持っています:

また、コレクションを作成しようとしました:

:dump create web/assetic/senso.png と web/assetic/senso_glyphicons-halflings.png ですが、... senso*.png 画像でどのように動作しますか?

私は Web 開発の初心者で、最近 Twitter Bootstrap を使い始めました。すでに使用方法を知っているGlyphiconsを使用していることを知っています。しかし、Bootstrap 用に構築されていると書かれているFont Awesomeにも出会いました。

2つの違いは何ですか？つまり、一方は他方の代替ですか？それとも、別の場所で使用する必要がありますか?

保存、削除などのボタンにアイコンを追加しようとしています。<g:actionSubmit>タグを使用してコントローラーでアクションを呼び出し、対応する機能を実行するボタンが約 5 つあります。私の問題は、FontAwesome とブートストラップのグリフィコンでは、次の<i class="icon-***">ようにタグを使用する必要があることです。

Grails では、最初のタグの間にこの形式のタグを配置することはできません (少なくとも ではactionSubmit)。value 属性は、表示される文字列です。これに対する回避策はありますか？ボタンのアクションをコントローラーにマップする必要があることに注意してください。これが<button>、ブートストラップに推奨されているようなストレートタグを使用して問題が発生した理由です。

アップデート：

現在の2つの回答を使用すると、多くの問題が発生します。どちらもアイコンを追加するために機能しますが、修正するために多くのことをハックする必要があるという厄介な問題が発生しています。別の解決策を考えましたが、実装に問題があります。taglib のベースを以下の actionSubmit タグ lib として使用して、独自のタグ lib を作成したいと思います。

私が行う必要がある唯一の変更は、それを取る能力を与えることです

間のタグ:

誰にも提案がありますか、またはこの実装についてですか?

GRAILSを使用して送信ボタンにアイコンを取得しようとしています。ボタンを表示することを解決しましたが、フォームがエラーをスローすることを犠牲にしました。タグを表示するためにボタンタグを作成しましたが、フォームで次のエラーがスローされます。

そして gsp のボタン:

アイコンを追加する方法を知っている人はいますか:

または、スローされた grails エラーを修正する方法

方法？

アップデート

コントローラーのロジックは、ほとんど変更されていないデフォルトの save() スキャフォールドです。

ドメイン オブジェクトは大きいですが、特に異常はありません。格納するオブジェクトをリストするだけです。