CDN を使用して Bootstrap 3 プロジェクトに Glyphicon を含めるにはどうすればよいですか?

Bootstrap 3 Glyphicons CDN

Bootstrap 3 リポジトリに Glyphicon が追加されたことで、CDN 経由でのアクセスがこれまでより簡単になりました。

Glyphicon での Bootstrap CDN の使用

更新された Bootstrap CSS ファイルには、Glyphicon とその依存関係が含まれるようになりました。これらをプロジェクトに含めるには、Bootstrap の CDN を参照するだけです:

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>

グリフィコン要素には、「.icon」の代わりに「.glyphicon」クラスを使用することを忘れないでください。

グリフィコンを個別に使用する

を使用したい場合は、 Bootstrap の残りの部分を使用せずに Glyphicons を使用すると、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>

このアプローチには Glyphicons CSS のみが含まれ、Bootstrap の JavaScript やその他の依存関係は読み込まれないことに注意してください。

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