rails なるべく簡単に bootstrap を使う方法を考えてみた

ちょっと何かつくろう。そうだ bootstrap 使おう。となった時に、さくっと環境が作れないとどんどん腰が重たくなってしまいに動かなくなるという、何度もこういうことがあるのでよくない。どうするのが楽なのか考えてみた。

一応、辿り着いたところを書いてみたのでもっと楽にできる方法をお持ちの方がいたら是非教えて欲しい。

結局、bootstrap-sass を使うことにした。bundle install 一回で済むのがやっぱり楽で。なので、あとは大体 README のとおりにはなる。

• twbs/bootstrap-sass

gem "bootstrap-sass"
gem "sass-rails"

---

css については、

app/assets/stylesheets/application.css

 *= require_self
 *= require main

app/assets/stylesheets/main.scss

@import "bootstrap-sprockets";
@import "bootstrap";
@import "partials/*";

としてもよいし、いきなり application.scss として main.scss の内容を書いてもよい。

なお、 scss の構成はここで Benjamin 氏が言うようにしている。

• css - Proper SCSS Asset Structure in Rails - Stack Overflow

---

js は、

app/assets/javascript/application.js

//= require jquery
//= require jquery_ujs
//= require bootstrap-sprockets
//= require_tree .

require bootstrap-sprockets でも require bootstrap でも、好きな方でよい。

• Navbar (fixed navbar) dropdown menu broken on 3.3.3, 3.3.2 · Issue #829 · twbs/bootstrap-sass

bootstrap-sprockets provides individual bootstrap JS files (alert.js, dropdown.js), while bootstrap provides a concatenated file with all of the bootstrap JS in it. Only one of these should be required, not both.