Rails4 に Bootstrap3 を適用

Rails4 に Bootstrap3 を適用

Rails4 に bootstrap3 を適応してみます。Twitter Bootstrap for Rails を使います。

Twitter Bootstrap for Rails インストール

Gemfileに以下の内、記述の無いものを追加します
```
gem "therubyracer"
gem "less-rails"
gem "twitter-bootstrap-rails", github: "seyhunak/twitter-bootstrap-rails", branch: 'bootstrap3'
```
branch:masterのseyhunak/twitter-bootstrap-railsは、Bootstrap 2.x 用のようです。Bootstrap 3.x を使うには、別のbranch:bootstrap3を使います。
初め、これに気づかずに、bootswatchのテーマが反映できずハマりました。。
bundle install を実行します
bootstrap ジェネレータを使って、assetsへincludeを追加します
```
rails generate bootstrap:install less
```
layoutsとviewsを生成します
```
rails g bootstrap:layout application fluid
```
最後の引数をfluidにするとレスポンシブデザインになるようです。固定したい場合はfixedを指定します。

既存の/app/views/layouts/aplication.html.erbを上書いていいか聞いてくるので、既存のファイルをバックアップしておいて、y（上書き）を選択しました。

変わりました！ガッツリ雰囲気変わりました。成功だと思います。

参考

コメント