問題タブ [glyphicons]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

804 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
7151 参照

css - 空のボックスとして表示されるいくつかのグリフィコン Bootstrap 3?

Bootstrap 3 で Glyphicons を使用しようとしていますが、一部が機能しないことがわかりました。

たとえば、これら 3 つのグリフィコンのうち、最初のグリフィコンは機能しません (空のボックスとして表示されます)。

JSFIDDLE: http://jsfiddle.net/WE6BS/

Bootstrap JS、CSS、および Glyphicons の CDN バージョンを使用し、Glyphicons サンプル ページからコードを直接コピーしていますが、何が間違っているのでしょうか?

0 投票する
5 に答える
6921 参照

ios - iOS 7 で顔文字を表示する Bootstrap 3.0.3 グリフィコン

Bootstrap 3.0.3 グリフィコンを使用しています。デスクトップ ブラウザーと Android デバイスではすべて問題ありません。私の問題はAppleデバイスに関するものです（iOS7を実行しているiPhoneおよびiPadでテスト済み）。

グリフィコンは顔文字のように見えます。私はいくつかの問題を見つけましたが、私の問題に答えていません。

スクリーンショットを表示するリンクは次のとおりです。 http://www.fredericblancheton.fr/imgdisallow/image.png

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

0 投票する
3 に答える
7362 参照

ruby-on-rails - 送信ボタンをレールのグリフィコンに置き換えます

簡単な質問です。私は持っている：

「いいね」というテキストの代わりに、ボタン全体を次のように置き換えたいと思います。

シンボル。

レールで送信ボタンを親指アイコンに置き換える正しい方法は何ですか?同じことをさせますか?

アップデート

私はこれを見つけました：

しかし、唯一の問題は、グリフィコンの後ろにボタンがまだ表示されていることです (btn btn-primary を削除しても)。ボタンの消し方わかる人いますか？

ありがとうございました！

0 投票する
1 に答える
892 参照

twitter-bootstrap - グリフィコン検索が正しく表示されない

検索フォームの横に検索アイコンを配置しようとしていますが、うまくいきません。ここでいくつかの解決策を試しましたが、うまくいきません。私は何をすべきか？

そしてこれがソースコード

0 投票する
2 に答える
6682 参照

css - Bootstrap 3 Glyphicon エラー

ここで回答された同様の質問があることは認識していますが、それらの回答の多くは宝石を使用しているか、Bootstrap のファイルを直接変更しています。これらは有効な構成ですが、この分野 (スプロケット、Rails パイプライン、フロントエンド開発全般) に関する知識セットを増やし、これが機能しない理由、根本的な問題を理解したいと考えています。

Ruby 2.0.0-p353、Rails 4.0.2、Bootstrap 3.0.3、Nginx 1.4.4、パッセンジャー 4.0.33

彼らのサイトから最新の Bootstrap zip をダウンロードし、ここにあるすべての操作を実行してそれらのファイルをアプリケーションに直接インクルードし、グリフィコンを開発環境で期待どおりに表示することができました。ただし、本番環境にデプロイすると、グリフィコンが Chrome で四角形として表示されます。glyphicons ファイルの個々のファイル拡張子をプロダクション プリコンパイルに追加し、それらが public/assets フォルダーに表示されることを確認しました。js/css ファイルと glyphicon ファイルの唯一の違いは、glyphicon ファイルと一緒に gzip されたファイルがないことです。

production.rb:

Rails が開発と本番で異なる方法でアセットをロードすることは知っていますが、本番環境でグリフィコン アセットを認識または理解できないのはなぜですか? 現在の構成でこれを修正する方法はありますか? または、このエラーを修正できるように、これらのアセットを含める方法を変更する必要がありますか?

また、開発と本番の両方で、グリフィコンを使用するページをレンダリングするたびに次のエラーが発生しますが、アイコンは引き続き表示されます。これは関連していますか？

  • ActionController::RoutingError ([GET] "/fonts/glyphicons-halflings-regular.woff" に一致するルートはありません)
  • ActionController::RoutingError ([GET] "/fonts/glyphicons-halflings-regular.ttf" に一致するルートはありません)
  • ActionController::RoutingError ([GET] "/fonts/glyphicons-halflings-regular.svg" に一致するルートはありません)
0 投票する
7 に答える
25110 参照

c# - Twitter ブートストラップ グリフィコンがリリース モード 404 で表示されない

ASP.NET MVC 4 でプロジェクトに取り組んでおり、次の手順を実行しました。

  1. http://blog.getbootstrap.com/2013/12/05/bootstrap-3-0-3-released/から Twitter ブートストラップをダウンロードしました。

  2. フォント ファイルに対するビルド アクションをコンテンツに設定します (ファイルは ~/Content/font フォルダーにあります)。

    /li>

  3. RouteConfig.cs に追加

    routes.IgnoreRoute("{folder}/{*pathInfo}", new { folder = "Content" });

  4. 次の要素を Web.config に追加しました

    /li>

  5. BundleConfig.cs に次のコードが含まれています

    次のコードでも試してみました

    /li>

  6. メインの Layout.cshtml で呼び出されます

    @Styles.Render("~/bundles/maincss")

まだ localhost アイコンは正常に表示されますが、コードをリリース サーバーにプッシュすると、アイコンではなく四角形しか表示されず、Chrome の [コンソール] タブに表示されます

GET http://domain.apphb.com/fonts/glyphicons-halflings-regular.woff 404 (見つかりません) テスト:1

GET http://domain.apphb.com/fonts/glyphicons-halflings-regular.ttf 404 (見つかりません) テスト:1

GET http://domain.apphb.com/fonts/glyphicons-halflings-regular.svg 404 (見つかりません) テスト:1

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


12345678910