はじめに

みなさんこんにちは．岡田です．

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．