ホームページ > ウェブフロントエンド > CSSチュートリアル > Bootstrap 3.0 CDN を使用して更新された Glyphicon を含めるにはどうすればよいですか?

Bootstrap 3.0 CDN を使用して更新された Glyphicon を含めるにはどうすればよいですか?

Linda Hamilton
リリース: 2024-11-04 17:56:02
オリジナル
360 人が閲覧しました

How can I use Bootstrap 3.0 CDN to include the updated Glyphicons?

Bootstrap 3.0 CDN に更新された Glyphicon が含まれています

Bootstrap Glyphicons アイコン フォントが最近メインの Bootstrap リポジトリに再統合され、プロジェクトへの組み込みが容易になりました。 Bootstrap CDN は、Glyphicon を含む完全な Bootstrap 3.0 CSS を提供するようになりました。

Glyphicon 用の Bootstrap CSS を含む:

Glyphicon を使用するには、HTML に Bootstrap CSS リファレンスを含めるだけです。または CSS:

HTML:

<code class="html"><link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"></code>
ログイン後にコピー

CSS:

<code class="css">@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");</code>
ログイン後にコピー

注: Glyphicon には .icon の代わりに .glyphicon クラスを使用する必要があります。

独立した Glyphicon リファレンス:

Glyphicon をブートストラップとは別に使用したい場合は、次のように直接含めることができます。 Bootstrap CDN の Glyphicons CSS ファイル:

HTML:

<code class="html"><link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"></code>
ログイン後にコピー

CSS:

<code class="css">@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");</code>
ログイン後にコピー

これには次のものが含まれます必要な依存関係がすべて含まれており、Glyphicon のスタンドアロン使用が可能になります。

追加メモ:

  • JavaScript コンポーネントには、Bootstrap.min.js が引き続き必要です。
  • .icon クラスは .glyphicon クラスに置き換えられました。
  • Glyphicons フォントは 40 個の新しいアイコンで更新されました。

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

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