ホームページ > 記事 > ウェブフロントエンド > 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 のスタンドアロン使用が可能になります。
追加メモ:
以上がBootstrap 3.0 CDN を使用して更新された Glyphicon を含めるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。