ホームページ > ウェブフロントエンド > CSSチュートリアル > 最新リリースで Bootstrap 3 Glyphicon を使用するにはどうすればよいですか?

最新リリースで Bootstrap 3 Glyphicon を使用するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-11-03 14:29:02
オリジナル
480 人が閲覧しました

How Can I Use Bootstrap 3 Glyphicons with the Latest Release?

Bootstrap 3 Glyphicons: CDN に戻る

Bootstrap 3 の最新リリースでは、Glyphicons アイコン フォントがメインに復元されました。リポジトリ。コミュニティのフィードバックに応えて、Bootstrap は、この重要なアイコン ライブラリをユーザーがすぐに利用できるようにすることを決定しました。

Bootstrap 3 Glyphicon の CDN URL

を含めることができるようになりました。 HTML または CSS で次の CDN URL を参照して、プロジェクト内のグリフィコンを指定します:

//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css
ログイン後にコピー

注: この CDN リファレンスには、Bootstrap CSS と Glyphicon の両方が含まれています。

Glyphicon を個別に使用する

Glyphicon を Bootstrap とは別に使用したい場合は、専用の Glyphicon CSS ファイルを参照することで実行できます:

//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css
ログイン後にコピー

クラス名と依存関係

Bootstrap の最新バージョンでは、アイコン クラスは古い ".icon" プレフィックスの代わりに ".glyphicon" プレフィックスを使用します。さらに、必要なグリフィコンの依存関係はすべて参照される CSS ファイルに含まれているため、追加のセットアップは必要ありません。

追加機能

グリフィコンの復元に加えて、アップデートには次のものが含まれます。 :

  • ドキュメントを復元
  • アイコン フォントの追加と削除を柔軟に行うための新しい変数
  • 最新の Glyphicon (40 個の新しいアイコンを含む) にアップグレード
  • CSS ページからの古い Glyphicon 参照の削除

結論

Glyphicon を Bootstrap に復元すると、プロジェクトへのアイコンの統合が簡素化されます。 Glyphicon をブートストラップの一部として使用する必要がある場合でも、独立して使用する必要がある場合でも、この記事で提供されている CDN URL は、迅速かつ簡単に開始するのに役立ちます。

以上が最新リリースで Bootstrap 3 Glyphicon を使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート