問題タブ [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.

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

javascript - Holder.js イメージで Bootstrap Glyphicons を使用する方法

Bootstrap を使用してプロジェクトのフロントエンドを構築しており、通常のテキストの代わりに 3.0.0 で見つかったGlyphiconを使用したいと考えています。どうすればいいですか?

Holder.jsに精通している人は、JS が基本的にクライアント側でプレースホルダー イメージを作成することを知っているでしょう。これには、スクリプトの重量 (約 4Kb) をダウンロードしてクライアントのマシンにイメージを生成させるだけでよいため、帯域幅を節約する便利なアプリケーションがあります。

Glyphicons を holder.js と組み合わせて、その場で大きな高品質のアイコンを生成したいと考えています。

Bootstrap を使用して Glyphicon を呼び出すのは、次のように簡単です。

holder.js で「Hello World」というテキストを含む動的画像を呼び出すには、次のようにします。

Bootstrap CSS が Glyphicon クラスをフォントとして定義し、疑似 before 要素を使用して、2 次クラスによって定義された特定の文字を呼び出すことを理解しています。下記参照:

画像アイコンを出力するために、特定のグリフィコン文字を正しいフォントで holder.jsに簡単に渡すにはどうすればよいですか?

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

android - Bootstrap3 グリフィコンの一部が phonegap android webview で正しく表示されない

この添付のスクリーンショットをご覧ください。これは、Galaxy S4 で撮影した私の PhoneGap テスト アプリです。

ベル、ブックマーク、ブリーフケース、カメラのアイコン (およびその他) が期待どおりに表示されないことがわかります。

ここに私の観察があります:

  1. すべてのアイコンは、PC とモバイル デバイスの両方のブラウザー (クロム、サファリ) で正しく表示できます。
  2. すべてのアイコンは、ios用の同じアプリで正しく表示できます(iphone/ipad、ios7で確認)

「クエスチョン マーク」は、Android アプリでのみ表示されます。

その理由を知っている人はいますか?

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

javascript - Glyphicon Bootstrap v3 未ロード

最新の Bootstrap v3 ファイルをダウンロードし、bootstrap.min.css をインポートしました。しかし、Glyphicon アイコンを使用することはできません。私のCSSが正しいと確信しています。以下は私のHTMLです。なんで?

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

css - Bootstrap 3: Font Awesome のアイコンのように Glyphicons を積み重ねることはできますか?

Font Awesome のアイコンでできるように、Bootstrap を使用してデフォルトのグリフィコンを「スタック」することはできますか? Glyphicons はこれを行うことができますか: http://fortawesome.github.io/Font-Awesome/examples/#stackedまたは、カスタム コーディングを行う必要がありますか?

ありがとう!

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

search - 検索グリフィコンが正しく設定されていません

ここに画像の説明を入力次のhtmlコードがあり、添付のスクリーンショットのようなページが表示されます。検索ボックスと一緒に右端の隅にあるように検索グリフィコンを修正したかったのです。
ここにコード:

誰かがこれを解決するのを助けることができますか?

ありがとうここに画像の説明を入力