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

twitter-bootstrap-rails で icon が使えない問題に対する対処

著者
Okada

はじめに

みなさんこんにちは.岡田です.
Twitter Bootstrap,綺麗ですよね.
class をちょっといじるだけでおしゃれサイトが簡単につくれます.
そんな Twitter Bootstrap を Rails で簡単に使う gem に seyhunak/twitter-bootstrap-rails があります.
本記事では,上記 gem において Twitter Bootstrap の icon(Glyphicons) が使えない問題への対処について述べます.

結論

以下のiconが表示されないコードを
<span class="glyphicon glyphicon-search"></span>
こうします.
<span class="fa fa-search"></span>

理由

seyhunak/twitter-bootstrap-rails では default の icon を Font Awesome にしているためです.
なので,結論に書いたようにそのまま class 要素を書き換えたのではでない icon もあります.
Glyphicons と Font Awesome の各 class に対応する icon の一覧を紹介したページがありますので,
こちらを参考にして欲しい icon を探しましょう.

教訓

困った時は README.