みんな大好きTwitter Bootstrap。手軽に綺麗なWebページを作れるなんてイイ時代になったものですね。 さてBootstrapで嬉しい機能としてアイコン表示があります。iタグとclassを指定するだけでシンプルで分かりやすいアイコンを表示してくれる便利な機能です。ボタンを配置するときなんかによく使います。 デフォルトでは白と黒しかないのですが、Font Awesomeを利用することで文字色と同じ色の画像を利用することができるようになります。navbarのリンクにもアイコンを使いたい場合にオススメです。 導入方法 導入方法は上記の公式サイトを参考にしてもらえればいいのですが、一番多いと思うCSSでの導入だけ紹介しておきます。 Twitter Bootstrapをicon抜きにカスタマイズしてダウンロード 上記サイトからFont Awesomeをダウンロード ダウンロードしたFon