メインコンテンツへスキップ

Bootstrap4.xの使い方をBootstrap3.xからの変更箇所を交えて解説しています。

アイコン(Icons)

Bootstrapで外部アイコンライブラリを使用するためのガイダンスと提案。

Bootstrapにはデフォルトでアイコンライブラリが組み込まれていないが、いくつかの選択肢を提案している。ほとんどのアイコンセットには複数のファイル形式が組み込まれているが、アクセシビリティとベクターのサポートを向上させるためにSVGの実装を推奨している。

推奨(Preferred)v4.4.0一部変更

Bootstrapでは以下のアイコンセットをテストし、使用した。

【変更履歴】

  • 【v4.4.0】
    • IconicはSSLが有効期限が切れているので削除し、Featherがオプションから移動

 

他のオプション(More options)v4.4.0一部変更

これらは試していないが、SVGを含む複数のフォーマットを提供している。

【変更履歴】

  • 【v4.4.0】
    • Glyphはリンク切れのため削除

【Bootstrap3.xとの変更箇所】

  • グリフアイコン(Glyphicons)span.glyphicon.glyphicon-{icon} は廃止