単純な ROR プロジェクトがあり、Bootstrap-sass を使用したいと考えています。Gemfile に追加し、bundle install を実行して、「@import "bootstrap";」を追加しました。私のcssファイルの最初の行として。簡単なテストとして、さまざまなスタイルのボタンの例をカット アンド ペーストしました。
それらは、いくつかのプレーンなボタンとして Web ページに表示されます。
ブートストラップが実際にロードされているかどうかを確認するにはどうすればよいですか?
更新: ブラウザーのエラー コンソールを見ると、次のメッセージが表示されます。
何かご意見は？
ありがとう、
application.css の名前を application.scss に変更して問題を解決しました
最初にそれをしたと思いますが、どうやら名前を変更したファイル名を保存していなかったようです。
まず、ブラウザ コンソールの NET パネルを確認します。「bootstrap.css」のリクエストが表示されます。確かに引き込まれていないように聞こえます。これが確認の第一歩です。
初めてブートストラップを使用したときはうまくいかなかったのを覚えています。これは、ドキュメント ルートを適切な場所に向けていなかったためです。もちろん、私にとっては繰り返し発生する問題なので、通常はドキュメント ルートをチェックしますが、ここでエラーを起こしやすいことがわかったので、そこから始めます。私が頻繁に犯すタイプの間違いを時間をかけて見ることが、私の成長に役立ったと言えます。