問題タブ [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 投票する
6 に答える
6794 参照

jsf - グリフィコンが正しく表示されない

jsf、primefaces、bootstrap 3 でアプリケーションを開発しています。

glyphicons のテスト ページはブラウザに完全に表示されますが、Web プロジェクトでアイコンを使用しようとすると、奇妙なシンボルしか表示されません。

私の最善の推測は、プロジェクトにもフォントをコピーし、相対パスを同じにしたにもかかわらず、glyphicons css ファイルがフォントを見つけることができないということです。

css ファイルが自分のフォント ディレクトリを見つけていることを確認するにはどうすればよいですか / このエラーを修正しますか?

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

twitter-bootstrap - Twitter Bootstrap グリフィコンを正しく表示できない

Angular.js Todo アプリケーションのビデオ チュートリアルを進めていたところ、index.html ファイルに Twitter Bootstrap 3 グリフィコンが含まれているという問題に遭遇しました (アイコンは、Chrome と Firefox の両方で説明のない画像として表示されます)。

これは、index.html に bootstrap および bootstrap-glyphicons css ファイルを追加する方法です。

そして、これはファイルの後半で必要なグリフィコンを追加する方法です:

bootstrap-glyphicons フォント ファイルは、bootstrap/css/fonts にあります。具体的には、ファイルは次のとおりです。

  1. glyphiconshalflings-regular.eot
  2. glyphiconshalflings-regular.otf
  3. glyphiconshalflings-regular.svg
  4. glyphiconshalflings-regular.ttf
  5. glyphiconshalflings-regular.woff

アイコンに適切にアクセスするために何をすべきかについて何か考えはありますか? 手伝ってくれてどうもありがとう!

0 投票する
4 に答える
16273 参照

datepicker - Twitter の Bootstrap Datepicker に Glyphicons がない

ブートストラップ ( http://eternicode.github.io/bootstrap-datepicker/ )から datepicker を使用しようとしていますが、グリフィコンが表示されないことを除いて、すべて正常に動作します。

私が使用しているブートストラップ 3 ( http://glyphicons.getbootstrap.com/ )の下の別のディレクトリにグリフィコンが移動されているのを見ましたが、それを統合する方法がわかりませんでした。

両方

うまくいきませんでした。

ブートストラップ 3 を Twitter の日付ピッカーと統合する方法を知っている人はいますか?

0 投票する
10 に答える
90436 参照

jquery - 折りたたみ時の Twitter ブートストラップ 3.0 アイコンの変更

これは Bootstrap 3.0 に関するものです。折りたたみ時にアイコン/グリフィコンを変更したいと思います。つまり、閉じたフォルダから開いたフォルダへ。

私は広範囲に検索し、ここで SO のスレッドを読みましたが、役に立ちませんでした。このスレッドは近かったし、基本的に私が欲しいものです。Bootstrap 3 で動作させるにはどうすればよいですか?

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

twitter-bootstrap - 正方形として表示されるブートストラップ グリフィコン

「twitter-bootstrap-rails」gem (2.0.5) を使用して Rails 4 を実行していますが、何らかの理由でグリフィコンが正方形としてのみ表示されます。ブートストラップの残りの部分は正常に機能しているようです。font-awesome を直接追加しようとしましたが、魅力的ではありません。グリフィコンを除いてブートストラップが完全に機能する原因についてのアイデアはありますか?

0 投票する
14 に答える
216898 参照

css - Bootstrap 3 でグリフィコンを正しく表示できない

ブートストラップ 2.3 からブートストラップ 3 に移行していますが、すべて正常に動作しています。しかし、いくつかのアイコンを追加しようとすると、アイコンのフォントが正しく表示されません。ここhttp://bootply.com/61521を見てみましたが、「.glyphicon-envelope」だけが正しく表示されていました。他は「E001」などと表示されています。

どうすればこの問題を解決できますか?

他のブラウザでは、グリフィコンは正しく表示されますが、firefox だけは正しく表示できませんでした。

0 投票する
10 に答える
84595 参照

css - センター Twitter Bootstrap 3 ボタンのグリフアイコン

私は現在、Twitter Bootstrap 3 RC2 と、別のリポジトリに移動した Twitter Bootstrap を使用しています。テキスト付きのボタンで使用すると、アイコンがうまく中央に配置されないことに気付きました。

ここに画像の説明を入力

アイコンとテキストの最終行は同じですが、見栄えの良いボタンを作成するには、テキストに基づいてアイコンを中央に配置する必要があると思います。これを達成する方法はありますか?

http://bootply.com/74652

0 投票する
0 に答える
207 参照

css - Bootstrap 3 のグリフィコンはどこにありますか?

現在、いくつかのカスタム カラーを使用して [カスタマイズ] タブから Bootstrap 3 をダウンロードしたところ、css 用と JS 用の 2 つのファイルを取得しました。

問題は、コンパイルされた css に「glyphicon」値が含まれていないことです。フォントが別のリポジトリに移動されたブートストラップ 3 glyphicons の時点で読み取られました。

また、 http ://glyphicons.com (無料のもの)からグリフィコンを手動でダウンロードしようとしましたが、すべてのアイコンは PNG 形式であり、そのための FONT ファイルはありません。

私のカスタムbootstrap.cssファイルで「ブートストラップ用の外部だが部分的に無料のグリフィコン」フォントを使用する適切な方法は何ですか?