Bootstrap 3 でグリフィコンを正確に表示できない
古いバージョンから移行する場合、Bootstrap 3 でグリフィコンの表示に関する問題が発生することは珍しくありません。アイコンが意図されたグリフではなく「E001」または同様のコードとして表示されるこの問題は、特に Firefox に影響を及ぼすことが知られています。
原因と解決策
この問題の根本原因は、Bootstrap のカスタマイズされたバージョンにあります。このカスタマイズされたパッケージに含まれる壊れたフォント ファイルにより、グリフィコンが正しく表示されません。
この問題を解決するには、次の手順を検討してください。
- カスタマイズされたブートストラップ バージョンを選択していないことを確認してください。
-
持っている場合は、次のフォント ファイルを手動でダウンロードして、既存のフォント ファイルを置き換えることができます:
- https://netdna.bootstrapcdn.com/bootstrap/ 3.0.0/fonts/glyphicons-halflings-normal.svg
- https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-normal.woff
- https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-normal.ttf
- https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons -halflings-normal.eot
- 強力なリロード (CTRL F5) を実行して変更を適用します。
次の手順に従うことで、次のことができるようになります。 Bootstrap 3 でグリフィコンの適切な表示を復元します。
以上がBootstrap 3 でグリフィコンが「E001」と表示されるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

FlexBoxまたはグリッドの選択は、レイアウト要件によって異なります。1)FlexBoxは、ナビゲーションバーなどの1次元レイアウトに適しています。 2)グリッドは、雑誌のレイアウトなどの2次元レイアウトに適しています。この2つは、レイアウト効果を改善するためにプロジェクトで使用できます。

CSSファイルを含める最良の方法は、タグを使用してHTMLパーツに外部CSSファイルを導入することです。 1.タグを使用して、外部CSSファイルを導入します。 2。小さな調整のために、インラインCSSを使用できますが、注意して使用する必要があります。 3.大規模プロジェクトでは、@Importを介して他のCSSファイルをインポートするために、SASS以下などのCSSプリプロセッサを使用できます。 4。パフォーマンスのために、CSSファイルをマージし、CDNを使用し、CSSNANOなどのツールを使用して圧縮する必要があります。

はい、Youはrelearnbothlexboxandgrid.1)FlexBoxisidealforone-Dimensional、FlexiblleayoutslikenavigationMenus.2)Gridexcelsintwo-digsignssuchasmagazinelayouts.3)Bothenhanceslaysutibulivedibulisunivedivition、floctonsulururを

独自のコードをリファクタリングするのはどのように見えますか?ジョン・レアは、彼が書いた古いCSSアニメーションを選び、それを最適化するという思考プロセスを歩きます。

cssanimationsArenotintinlentyhardbutrepracticeanderstanding ofcsspropertiesandtimingfunctions.1)

@keyframesispopularduetoitsversitility andpowerincreatingsmoothcssanimations.keytricksinclude:1)defingsmoothtransitionsbetweenstates、2)AnimatingMultipleProperiessimally、3)3)bendorprefixesforbrows -compativity、4)組み合わせwithjavasfo

csScounterSareSareusedTomageautomaticinginginwebdesigns.1)それらは、コンテンツ、リスト、および積極的なものを使用することができます

特にモバイルデバイスでは、スクロールシャドウを使用することは、Chrisが以前にカバーした微妙なUXです。 Geoffは、アニメーションタイムラインプロパティを使用する新しいアプローチをカバーしました。これがさらに別の方法です。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

SublimeText3 中国語版
中国語版、とても使いやすい

WebStorm Mac版
便利なJavaScript開発ツール

Dreamweaver Mac版
ビジュアル Web 開発ツール
