More than 5 years have passed since last update.

Bootstrap, Foundation, INK, Gumbyの比較

Last updated at 2014-09-29Posted at 2014-09-27

Bootstrap系のCSSフレームワークを使いたくていくつか調べてみました。

比較表

	Bootstrap 3.2.0	Foundation 5	INK 3.1.0	Gumby 2.6
Sassが使えるか	◯	◎	◎	◎
IE対応バージョン	9+	9+	10+	8+
画面サイズ毎にスタイルを指定出来るか	◯	◯	◯	×
viewportの設定がzoom出来る設定か	◯	◯	×	×
スタイルを上書きするのではなく変数を変えることでカスタマイズが出来るか	◯	◎	◯	◯
テーマファイル	◎	△	×	×
何もしなくてもデザインが整うか	◯	△	×	×
モバイルファーストか	◯	◎	◯	×
ハンバーガーメニューのサポート	△	◎	◎	△
スマホの時にPagenationが崩れないか	△	△	△	×
スマホの時にfloatが勝手にキャンセルされないか	◯	◯	◯	×
フラッシュメッセージ用のUIが用意されてるか	◯	◯	◯	△
jQuery UIと併用可能か	◯	◯	◯	◯
Rails用のgemがあるか	◯	◎	◯	△
simple_form gemで使えるか	◎	◯	△	◯
今後発展の見込みがあるか	◯	◯	△	△

Railsで使用するのでGemのサポート状況も確認しています。

カスタマイズしづらいという声も聞こえるが今はそんなことないかも。

全体的なバランスはGood!

全体的には良さそうだがFoundationと比べると見劣りする感じ。

細かいところには手が届かないのでカスタマイズも辛い予感。
比較した中では唯一IE8を標準サポート。