問題タブ [glyphicons]

Web サイトで Bootstrap 3 のグリフィコンを使用しています。ブラウザ間では正常に機能しますが、疑問符として表示されるため、特定のデバイスでは機能しません。

この修正を見つけました: Bootstrap3 glyphicons の一部が phonegap android webviewで正しく表示されないため、デバイスの問題は修正されますが、Firefox で glyphicon が機能しなくなりました。(CSS で実際のエスケープされていないグリフを使用するように Bootstrap のデフォルトをオーバーライドしています。) Firefox のブラウザー検出を使用して jquery を記述し、CSS ファイルのオーバーライドを削除して元に戻す方法があるかどうか疑問に思っていました。 Bootstrap の CSS に戻ります。

ブラウザー検出用のこの jQuery プラグインを見つけました: https://github.com/gabceb/jquery-browser-plugin

コード:
JS

ブートストラップをオーバーライドする CSS

BootstrapのCSS

ご協力ありがとうございました。

私は CSS と HTML の基本をいくつか知っており、それらを扱うこともありますが、専門家ではなく、Bootstrap Glyphicons がどのように機能するかについて興味があります。Bootstrap zip ファイルに画像がないということですが、画像はどこから来たのでしょうか?

Bootstrap 3 の Glyphicons を掘り下げていますが、すべてではないようです! 建物のアイコンを使用したいのですが、Google で検索しても何も見つかりませんでした。

不足している Glyphicons を Bootstrap 3 に追加する方法を知っている人はいますか?

下の私のアプリの画像を見ると、最初のボタンにはグリフ アイコン (再生アイコン) がなく、2 番目のボタンにはあることがわかります。下のボタンのように、最初のボタンにグリフアイコンを配置するのを手伝ってもらえますか?

この投稿Ruby on Rails のボタンに Bootstrap アイコンを追加すると、このUsing link_to with embedded HTMLは私にとってはうまくいきませんでした。これは、最初と 2 番目のボタンのコードです。

フォントフェイスを介してglyphicons Halfings Fontを使用しています。(twitter bootstap v3 でダウンロード) カメラに Unicode を使用しようとすると、機能しません... 他のアイコンが表示されている間に四角形が表示されます。

このコードは期待どおりの結果であり、ゴミ箱が表示されます。

でもこれは：

カメラを表示する代わりに、長方形を表示します。

どんな助けもありません！

ありがとう！

パンチョ

次の構造を持つボタン (ボタンのグループではない) を生成する必要があります。

左側: [グリフィコン] 中央: テキスト

例: https://www.dropbox.com/s/3idura8mxf4gekj/call_me.png

これが私がしたことです：

CSS:

非常に小さな画面では、それらが積み重なって 1 つのボタンのように見えなくなるという問題。これを達成するためのより良い方法はありますか？

• このコードはモバイル サイト (m.* url) でのみ使用することを目的としているため、他のことを勧めないでください。

ありがとう！！！

私はbootstrap-sass gemを使用しており、実稼働環境では私のレールアプリはサブフォルダーの下にデプロイされています。つまり、ルートはhttp://www.example.com/sub/. フォント (特に Glyphicons) を除いてすべて正常に動作します: CSS では、フォントへのパスは次のとおりです。

いつあるべきか

CSS および JS アセットにはすべて正しいパスがありますが、フォントにはありません。しばらくドキュメント (および Web の残りの部分) を調べましたが、これを変更する方法が見つかりません。アセット パイプラインに関しては初心者です。

Linux-Apache-Passenger にデプロイしました。

編集：Apacheサイトの設定にこれがあることを追加する必要があります：

link_toレールとbutton_toヘルパーにグリフィコンを追加する方法の適切な説明をどこでも探していましたが、ほとんど見つかりませんでした。私がこれまでに収集したことは、私をこれに導きました：

これは機能しませんが、私が見つけた 1 つの例は Bootstrap 2 のものだと思います。誰かがこれに関する良いリソースを教えてくれますか、または簡単な例を提供してくれますか? 前もって感謝します！

一部のグリフィコンがレンダリングされない理由を誰か説明できますか (スクリーンショットを参照)。どうすればテストできますか？

編集：今日まで、すべてがうまく機能します。Edit2: jsfiddle がコメントに追加されました

解決済み: BootstrapCDN にバグがあります。グリフィコンの上が必要な場合は使用しないでください。