83

注意を払う！

このプル リクエストのマージ後、 Bootstrap アイコンが復活しました。

ここ数週間、これを行ったり来たりした後、Glyphicons アイコン フォントをメイン リポジトリに復元することにしました。UI でアイコンがどのように普及しているかを考えると、CSS や JS と同じ場所にアイコン (またはその他のアイコン フォント) を含めないことは、おそらくほとんどの人にとって不利益なことです。

この更新により、次のことが行われます。

  • ドキュメントを復元します ([コンポーネント] ページで)
  • アイコン フォントの追加と削除を柔軟に行うための新しい変数@icon-font-pathと@icon-font-name
  • 最新の Glyphicons へのアップグレード (40 個の新しいアイコンを追加)
  • CSS ページから古い Glyphicons の言及を削除します

フォント ライブラリの交換がより簡単になるように、将来的にはアイコン フォントのカスタマイズの改善に取り組んでいきます (これが元の削除の動機でした)。

Twitter Bootstrap Glyphicons の新しいバージョンの CDN URL はどれですか?

Bootstrap 3 から、それらは別のリポジトリに移動されましたが、CDN は見つかりませんでした。

公式ドキュメントから：

Bootstrap 3 のリリースに伴い、アイコンは別のリポジトリに移動されました。これにより、主要なプロジェクトが可能な限りスリムに保たれ、人々がアイコン ライブラリを簡単に交換できるようになり、Glyphicons アイコン フォントが Bootstrap 以外のより多くの人々にとってより簡単に利用できるようになります。

公式 Web サイトでは、アイコンの CDN URL は提供されていません。

どこで見つけることができますか？リポジトリをダウンロードしてプロジェクトに含めたくありません。

4

4 に答える 4

160

最近の Bootstrap 3 のリリースと、グリフィコンがメインの Bootstrap リポジトリにマージされたことにより、Bootstrap CDNはGlyphicons を含む完全な Bootstrap 3.0 css を提供するようになりました。含める必要があるのは Bootstrap css リファレンスだけです。Glyphicons とその依存関係は、CDN サイトの相対パス上にあり、bootstrap.min.css.

HTMLで：

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

CSSで：

 @import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");

これが実際のデモです。

.glyphiconの代わりにクラスを使用する必要があることに注意.iconしてください。

例：

<span class="glyphicon glyphicon-heart"></span>

またbootstrap.min.js、Bootstrap JavaScript コンポーネントを使用するために含める必要があることに注意してください。URL についてはBootstrap CDNを参照してください。

Glyphicons を個別に使用する場合は、 Bootstrap CDNで Glyphicons css を直接参照することで実行できます。

HTMLで：

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

CSSで：

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

このcssファイルには必要なすべての Glyphicons 依存関係 (Bootstrap CDN サイトの相対パスにあります) が既に含まれているため、ファイルを追加するcssだけで Glyphicons の使用を開始できます。

これはBootstrap を使用しない Glyphiconsの動作デモです。

于 2013-08-14T07:17:32.990 に答える
3

Bootstrap CDN はグリフィコンを bootstrap.min.css に復元しましたが、Bootstrap CDN の Bootswatch css ファイルにはグリフィコンが含まれていません。

たとえば、アメリアのテーマ: http://bootswatch.com/amelia/

デフォルトのアメリアには、次のファイルにグリフィコンがあります: http://bootswatch.com/amelia/bootstrap.min.css

ただし、Bootstrap CDN の css ファイルにはグリフィコンが含まれていません: http://netdna.bootstrapcdn.com/bootswatch/3.0.0/amelia/bootstrap.min.css

@edsioufiが述べたように、ブートストラップCDNのBootswatchファイルを使用する場合は、glphicons cssを含める必要があります。ファイル: http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css

于 2013-09-17T18:40:33.107 に答える