railsチュートリアル５章にて

Question

前提・実現したいこと

チュートリアル５章の図5.5のようにBootstrap反映させたい。

チュートリアルの指示通り

gemファイルの書き換え
↓
bundle install
↓
bundle complete
↓
touch app/assets/stylesheets/costom.scss
↓
bootstrap css追加
↓
サーバー閉じる
↓
sample_appディレクトリにて　rails s

これで反映されてません( ;∀;)

試したこと

ググって競合を防ぐためのgem書き換えなど試しましたが全く反応しません。
みなさんここではほとんどつまづいていないらしくヒントがほとんどないので
誰か助けてください・・・。

補足情報（FW/ツールのバージョンなど）

環境：windows 10 cloud 9
ここにより詳細な情報を記載してください。

Answer 1

さっと見た所、考えられる原因はいくつかあるように思えました

• app/assets/stylesheets/application.scss にcostom.scss(custom.scssかな)を読み込めていない
• bootstrapを入れたものの、どこで読み込んでいるか？ -> 読み込んでいるscssをapplication.scssで読み込めているか
• app/views/layout/application.html.erbでapplication.scssがそもそも読み込めていない(これはRailsTutorialをやっているのであまり影響は大きくなさそう)

ここら辺をもう一度確認してみるのはどうでしょうか？

Comments

[crWpwAOh4nvNqXJ]

遅くなりました！ありがとうございます！解決しました！

Answer 2

touch app/assets/stylesheets/costom.scss

スペルミスのように思います。

Comments

[crWpwAOh4nvNqXJ]

コメントありがとうございます！　ターミナルに入力するコマンド以外はコピペでやっているのでスペルミスではないと思われます　汗　チェックもしてみております。

[troch]

costom.scssではなくcustom.scssではないでしょうか
https://railstutorial.jp/chapters/filling_in_the_layout?version=5.1#sec-custom_css
もう一度コードを確認し直してみてはどうでしょうか