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

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

アイコン(Icons)

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

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

推奨(Preferred)

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

 

他のオプション(More options)

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

【Bootstrap3.xとの変更箇所】

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