FuelPHPでBootstrapのアイコンを表示する

FuelPHPにはCSSフレームワーク「Bootstrap」がバンドルされていますが、FuelPHP v1.7.2(現時点の最新安定版)のoilコマンドでgenerateしたViewではアイコン(glyphicon)が表示されません。

これは、同梱Bootstrapのバージョンがv3である一方で、oilがgenerateするHTMLのglyphicon呼び出しがBootstrap v2の規約に沿って実装されているためです。

glyphiconに必要なアセット(CSSとフォントデータ)はfuel/app/views/template.phpの Asset::css('bootstrap.css') で適切にロードされ、public/assets/に置かれます。

bootstrapのglyphiconカタログ の通りのclassを設定することで、とくに問題なくglyphiconを表示できます。

動作するHTMLの例(スペース区切りで2つのクラスを指定します)

<i class="glyphicon glyphicon-asterisk"></i>

oilが生成するHTMLでは、class="icon-asterisk" のようなクラス指定になっているので、glyphiconから始まるclass文字列に置き換えれば表示されます。

いずれgenerateのコードがBootstrap v3を追尾すると思いますが、現時点でも使い方を知っていればglyphiconは簡単に利用できます。

中馬崇尋
Chuma Takahiro