railsでbootstrapを使いたい。そんな時に。
いきなりboostrapを使ってHTMLを書いてもbootstrapは反映されないので、反映するための用意が必要です。(:かつての自分へのメッセージ)
状況
rails newでrailsプロジェクトを新規作成した後。
bootstrapを使って見栄えをよくしたい。
環境
方法
- Gemfileを開いて以下の一行を追記する
gem "twitter-bootstrap-rails"
- コマンドラインで以下を実行してbootstrapを使うためのgemをインストールする
$ bundle install
- コマンドラインを実行してboostrapを有効化する
$ rails g bootstrap:install static
- サーバ起動してみる
$ rails s
すると、class: "btn btn-primary"
のクラスを付与したボタンが以下のような見栄えになっているはずです。
細かい書き方については、こちらのサイト(とほほのBootstrap入門
)や「bootstrap 書き方」でGoogle検索をしてみてください。