復元された CDN で Twitter Bootstrap Glyphicon を使用するにはどうすればよいですか?

Bootstrap 3 Glyphicons CDN: 復元および改良

最近、Twitter Bootstrap は Glyphicons アイコン フォントをコア リポジトリに戻しました。ユーザー インターフェイスでアイコンが広く使用されていることを認識し、Bootstrap チームはいくつかの機能強化とともにグリフィコンを復活させました。

• コンポーネント ページにドキュメントが復元されました。
• 新しい変数(@icon-font-path および @icon-font-name) により、アイコン フォントを操作する際の柔軟性が向上します。
• Glyphicons の最新バージョンが統合され、40 個の新しいアイコンが追加されました。
• 古いグリフィコンに関する言及は CSS ページから削除されました。

Twitter ブートストラップ グリフィコンの CDN URL

グリフィコンがブートストラップにマージされて戻ったリポジトリでは、Bootstrap CDN が Glyphicon を含む完全な Bootstrap 3.0 CSS を提供するようになりました。 Bootstrap CSS を参照するだけで準備は完了です。グリフィコンとその依存関係は相対パスで使用でき、bootstrap.min.css に組み込まれます。

<code class="html"><link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"></code>

<code class="css">@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");</code>

スタンドアロン グリフィコン (オプション)

Glyphicon を個別に使用したい場合は、Bootstrap CDN で専用の Glyphicon CSS ファイルを参照できます。

<code class="html"><link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"></code>

<code class="css">@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");</code>

このアプローチには、必要なすべてのものが含まれていますGlyphicon の依存関係により、すぐに使用を開始できます。

注:

• .icon の代わりに .glyphicon クラスを使用してください
• JavaScript コンポーネント (bootstrap.min.js

を含む)

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