QA@IT

Rails で Bootstrap の gem のおすすめは?

3918 PV

http://twitter.github.com/bootstrap/ の gem はいくつかありますが、今は layout などの自動生成などもしてくれるということで twitter-bootstrap-rails を使っていましたが、 less を使っている関係で問題が起きる環境もあるようなので、 sass の gem も試してみたいと思いました。

sass のものとしては bootstrap-sass や sass-bootstrap-rails があるようですが、ここにあげたものに限らず bootstrap の gem として何がおすすめでしょうか?

  • みなさん回答ありがとうございます。ここにまとめてコメントしておきます。
    sass にするなら bootstrap-sass が使っている人も多そうで良さそうということがわかりました。
    -

回答

僕も bootstap を使っていますが、twitter-bootstrap-rails.gem はご指摘の通り less なので、bootstrap-sass.gem を採用し、プロジェクトでは css を scss 記法で書いています。scss 記法は SASS の記法の一つです。もう一つは括弧のない sass 記法です。それで1.5ヶ月ぐらい経過しましたが、bootstrap-sass.gem で困っていません。ただし、sass-bootstrap-rails.gem を使い込んだり詳しく調べたわけではありません。
なお、自分が調査していたときは、=== SANDmark 19106 === beginning stress test がいくらか参考になりました。scaffold に bootstrap のデザインを当てる機能は、たしかに bootstrap-sass.gem にはないので、development 環境に twitter-bootstrap-rails.gem をいれておくのは良いアイディアかもしれません。

おまけ情報: twitter-bootstrap-rails.gem では、bootstrap_and_overrides.css.less でデフォルトの bootstrap の css や変数を上書きします。bootstrap-sass.gem を利用する場合は、たとえば、application.css を application.css.scss にリネームしたファイルにこの役割を担当させることができます。

$navbarLinkColor:            #fff;
$navbarLinkColorHover:       #fff;
$navbarBackground:           #fff;
$navbarBackgroundHighlight:  #fff;
$navbarLinkBackgroundActive: #fff;

@import "bootstrap";
編集 履歴 (3)
  • その後、メッセージ表示用に bootstrap_flash を移植して application_helper.rb におきました(@deeki さんが)。 -

私もbootstrap-sassをメインでつかっています。

余計なことをせず、ただ純粋にbootstrapをSass/SCSSでasset pipelineから使いたい、gemの独自機能について学ぶのではなくbootstrap本体のリファレンスだけで作業したい、という要求にはピッタリだと思います。

編集 履歴 (0)
ウォッチ

この質問への回答やコメントをメールでお知らせします。