railsでbootstrapを使う

railsでbootstrapを使いたい。そんな時に。
いきなりboostrapを使ってHTMLを書いてもbootstrapは反映されないので、反映するための用意が必要です。(:かつての自分へのメッセージ)

状況

rails newでrailsプロジェクトを新規作成した後。
bootstrapを使って見栄えをよくしたい。

環境

方法

  • Gemfileを開いて以下の一行を追記する

gem "twitter-bootstrap-rails"


$ bundle install


- コマンドラインを実行してboostrapを有効化する

$ rails g bootstrap:install static


  • サーバ起動してみる

$ rails s

すると、class: "btn btn-primary" のクラスを付与したボタンが以下のような見栄えになっているはずです。
f:id:Tiratom:20180303100551p:plain



細かい書き方については、こちらのサイト(とほほのBootstrap入門 )や「bootstrap 書き方」でGoogle検索をしてみてください。