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を表示できます。

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

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

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

⁋ 2015/01/26↻ 2024/11/07