ブートストラップが Rails で正しく動作しない
概要
このスターター テンプレートを使用して新しい Rails アプリを開始し、ブートストラップからシンプルなナビゲーションバーを追加します。
このように見えます
主な問題は、JS が機能せず、ドロップダウン メニューが機能せず、検索者が正しい位置にないことです。
私はRails 7.0.4とRuby 3.1.2p20を使用しています。
このようにあるべきです
解決策
ちょっと残念ですが、問題は私が間違ったバージョンのブートストラップ テンプレートを使用していたことです。 私はもうこのプロジェクトで働いていないので、このヘルプ リクエストを作成するバージョンにアクセスできませんが、「問題」の原因は覚えています。
新しいアプリケーションを開始するとします。
rails new YOUR_APP_NAME --css=bootstrap
Rails は、ブートストラップのバージョンを確認できる .package.json ファイルを生成します。
私の問題は、間違ったバージョンのブートストラップ ページにアクセスしたことであり、これを行うと、ブートストラップ ライブラリに付属する一部のスタイルと JS 機能が正しく動作しなくなるということでした。
package.json にどのバージョンがあるかを常に確認し、ブートラップ ページでこのバージョンを検索することを忘れないでください。