KouSeiのプログラミングアウトプット

プログラミング、主にRuby、Ruby on Railsについて情報発信していきます

【Rails】Bootstrapを導入しよう！

Rails Ruby エンジニア ブログ プログラミング 駆け出しエンジニア

RailsでのBootstrap導入方法

初めに $ rails newコマンドでアプリケーションを作成します

$ rails new sample

次にアプリケーションフォルダ直下にあるGemfileに以下を書き加えてください。

gem 'bootstrap'

Gemfileを保存したら $ bundle installを実行します。

$ bundle install

$ bundle installが終わったらBootstrapのインストールが完了です。

最後に app/assets/stylesheets/application.css へBootstrapを読み込ませましょう。
以下のコードはapplication.cssファイルの1番上に記述してください。

app/assets/stylesheets/application.css

@import "bootstrap"

以上でBootstrapが使用可能です。


✔️過去記事
ローカル変数とインスタンス変数に関しても書いてる記事があるので興味がある方は確認してみてください。