More than 1 year has passed since last update.

Rails7.0でbootstrapを導入する

Posted at 2023-08-29

bootstrap-sass を Rails 7.0 プロジェクトに導入する手順は以下の通りです。
Rails プロジェクトの Gemfile を開きます。

Gemfile 内に以下の行を追加して、bootstrap-sass gem を導入します。

gem "bootstrap-sass", "3.4.1"

ターミナルを開き、プロジェクトのルートディレクトリに移動します。

ターミナルで以下のコマンドを実行して、新しい Gem をインストールします。

bundle install

application.scss ファイル（通常は app/assets/stylesheets/application.scss）を作成して、以下をインポートします。

@import "bootstrap-sprockets";
@import "bootstrap";

これで bootstrap-sass gem のバージョン 3.4.1 が Rails 7.0 プロジェクトに導入されました。SCSS ファイル内で Bootstrap のクラスやコンポーネントを使用できるようになります。