田舎の技術者が奮闘中

php ruby node.js javascript などのスクリプト言語とサーバー(Chef、Vagrant)に関して書きます。

railsにtwitter bootstrapを導入する。

デザインセンスがないので、「twitter bootstrap」を導入してみます。
んで、githubで色々と探していたら、結構出てきました。
その中で今回は「twitter-bootstrap-rails」を使用したいと思います。

まずGemfileの修正

gem "twitter-bootstrap-rails"

んで「bundle install」を行います。

bundle install

bootstrapを組み込む

railsでtwitter bootstrapが使用出来るようにします。

rails g bootstrap:install

layoutにtwitter bootstrapを適用させたい場合は

rails g bootstrap:layout [LAYOUT_NAME] [*fixed or fluid]
#以下サンプル
rails g bootstrap:layout application fixed
#よくわからないのですがfixedを指定してもfluidを指定してもレイアウトに変化が見られませんでした・・・

上記だけで、テンプレートが使用できます。
ちなみにCSSテンプレートは「sass」ではなく「less」みたいです。
「less」は後発らしく、CSSへの変換はJavascriptで出来きます。
うむぅ面白い・・・