問題タブ [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.
javascript - Twitter ブートストラップの glyphicons コンポーネントにどのように帰属する必要がありますか?
GitHub の Twitter ブートストラップ ページのベース CSS ページのアイコンに関するセクションには、次のように書かれています。
Glyphicons Halflings は通常無料では利用できませんが、Bootstrap と Glyphicons の作成者との間の取り決めにより、開発者は無料で利用できるようになりました。感謝の気持ちを込めて、Glyphicons に戻るオプションのリンクを可能な限り含めてください。
この帰属が取るべき標準的な形式はありますか?
printing - Twitter ブートストラップ アイコンが印刷されない
[印刷] をクリックするとグリフィコンが表示されませんが、ブラウザ ウィンドウでは正しく表示されます。最新の Twitter ブートストラップを除いて、静的コンテンツを含む単純なページについて話しています。
Bootstrap アイコンを印刷して表示することは可能ですか?
css - ブートストラップでホバーするとglyphicons-whiteに切り替える
ブートストラップは次のように述べています
反転 (白) アイコン用のスタイルも用意されており、クラスを 1 つ追加して用意されています。このクラスは、ナビゲーション リンクとドロップダウン リンクのホバー状態とアクティブ状態に具体的に適用されます。
これは私のナビゲーションバーでは機能していないようです（簡単にするために一部を省略しています）。これが div チェーンです。
ブートストラップのCSSコードは
このCSSコードで切り替えが行われます
何かを追加する必要がありますか、それとも見逃しましたか? css は機能するのに、ブートストラップのコードが機能しないのはなぜですか?
css - Google Fonts を使用すると Bootstrap アイコン (Glyphicons) が少し上に配置されます。どうすればこの問題を解決できますか?
ドキュメントの head タグに次の Google Fonts を追加すると、
ブートストラップ アイコン (Glyphicons) は、次のリンクで確認できるように、わずかに上に配置されています。
この問題を解決するにはどうすればよいですか?
javascript - javascript で Twitter Bootstrap グリフィコンを使用する
Twitter Bootstrap glyphicons を使用して、javascript (.js) ファイルの次の例で説明されている画像を置き換える方法を知っている人はいますか?
HTML では、例として次を使用します。
ただし、これを上記の JavaScript の例に含める方法はわかりません。
何か案は？
css - CSSでのTwitterBootstrapグリフィコンの使用
方法はわかりませんが、Twitterブートストラップグリフィコンを追加して、以下のCSSファイルの画像参照を置き換えたいと思います。
HTMLでは、次のように追加します。
何か案は？
更新-Firefoxのfirebugでは幅と高さしか表示されませんが、次のことを試しました。
なぜそれが拾われていないのか分かりませんか？
css - CSSでSVG画像ファイルを実装する適切な方法は何ですか？
一意のIDを持つ複数のSVGを含むSVGファイルがあります。
これまでのところ、私はこの2つの方法をうまく実装しようとしました。背景の位置で設定してみました。
そして最後にSVGのIDを追加してみましたが、どちらも機能していないようです。
私は何時間も探していましたが、これに対する正しいアプローチを見つけることができないようです...
html - Twitter Bootstrap Glyphicons が IE8 以下で部分的に不透明になる
プロジェクトでTwitter Bootstrapのグリフィコンを使用しており、:hover で部分的に透明にしたいと考えています。もちろん、すべてが Chrome、FF、Safari、さらには IE9+ でも期待どおりに機能します。
ただし、IE7 および IE8 では、不透明度によってアイコンがひどく見えます。以下は、テストに必要な要素です。
どんな助けでも大歓迎です。
css - 私のグリフィコンはChromeで壊れています-なぜですか？
テンプレートに基づいて、クライアント向けのサイトを構築しています。テンプレートは、一部の画像にグリフィコンを利用するブートストラップフレームワークを使用します。ChromeでBootStrapホームページにアクセスすると、Glyphiconsは正常に機能しているようです。
これが私のために機能していないページです： http ：//www.laidoffsoftware.com/Contact.aspx
[アドレス]セクションの下にあるアイコンを見ると、電話番号の横に電話のアイコンが表示され、メールアドレスの横に封筒のアイコンが表示されているはずです。FF、IE、またはOperaでは、これは問題ないように見えます。ただし、Chromeではアイコンが壊れています。これらは奇妙な記号です。
なぜこれが起こっているのか私は途方に暮れていますか？
どんなアイデアでも大歓迎です。
更新：Chromeコンソールはこれを表示しています：
キー「width」のビューポート引数値「100％」が数値プレフィックスに切り捨てられました。
Contact.aspx：8リソースはフォントとして解釈されますが、MIMEタイプfont / x-woffで転送されます：" http://www.laidoffsoftware.com/font/fontawesome-webfont.woff "。
Contact.aspx：290リソースはフォントとして解釈されますが、MIMEタイプimage / svg + xmlで転送されます：" http://www.laidoffsoftware.com/font/IcoMoon.svg "。
.net - Glyphiconsは開発では正常に表示されますが、IISでホストされている場合は表示されません
開発中はアイコンを問題なく表示できますが、Visual Studioのビルド展開パッケージを使用して展開パッケージを作成し、ローカル（同じPC）IIS7.5サーバーでホストした後、アイコンが表示されません。私はそれらすべてのための空白のボックスを取得します
パスを確認しました。画像があります。
私はグーグルで調べて、彼と同じ問題を抱えている人を見つけましたが、彼はapacheでWebプロジェクトをホストしていたので、彼がしたことはすべてのファイルとフォルダーを777にchmodすることでした。
IIS7.5でも同じことをしました。フォルダに読み取り/書き込みアクセスを許可しましたが、まだ表示されません。これは、[ハンドラーマッピング]>[コンテンツビュー]>[アクセス許可の編集]を介して行いました。念のため、すべてのユーザーがglyphicons.pngを完全に制御できるフォルダーを指定しました。
それでも何も表示されません。他に何をチェックする必要がありますか？