Bootstrapはかなり有名で便利ですね。早くアプリケーションが使えるようにするためよく使う場合が多いと思います。 しかし、いつも全てのBootstrapの機能が必要ではない場合もあります。その時に一部の機能だけ導入すればいいです。 今回はViteを使っているRails 7アプリにBootstrap 5を導入してみました。 Bootstrap 5 と popperjs/coreを導入 yarn add bootstrap @popperjs/core BootstrapのCSSを導入 ```scss:app/assets/stylesheets/bootstrap.scss @import 'bootstrap/scss/functions'; @import 'bootstrap/scss/variables'; @import 'bootstrap/scss/mixins'; @import...

>>> デモサイトはこちらです <<< (https://yuto-bootstrap-environment.herokuapp.com/) 参考 bootstrap-generators (https://github.com/decioferreira/bootstrap-generators) この記事は早くBootstrapの開発環境を作る方法をご紹介させていただきます。 ```ruby:Gemfile gem 'bootstrap-sass' group :development do gem 'bootstrap-generators' end ``` Bootstrapをインストール rails g bootstrap:install [オプション] オプション -e=erb/haml/slim　デフォルトは「ERB」 -se=css/scss/less デフォルトは「SCSS」 ERB以外の場合、views/layouts/application.html.erbを削除してください。 テストの為にScaffoldを作ります rails g scaffold...