前提・実現したいこと
現在,AWSのcloudで開発をしております.
背景画像が表示されず困っています(背景色の表示はできました).
よろしくお願いします.
該当のソースコード
app/views/places/index.html.slim
.home_back .container.home - if !logged_in? .row.align-items-center.justify-content-center.text-center .col-lg-10 h1.font-weight-bold 勉強は場所選びから .col-lg-8.justfy-content-center p.text-white-75.font-weight-light.mb-5 お気に入りの勉強場所を探すアプリ = link_to "ログイン", login_path, class: "btn btn-primary btn-xl m-1" = link_to "新規登録", new_user_path, class: "btn btn-primary btn-xl m-1" = link_to "ゲストログイン", guest_login_path, method: :post, class: "btn btn-primary btn-xl m-1"
app/javascript/stylesheets/application.scss
(コメントアウトしてあるコードは試してダメだったものです)
@import '~bootstrap/scss/bootstrap'; .home_back{ // background-image: image-url("<%= asset_path('haikei.jpg') %>"); // background-image: image-url('haikei.jpg'); // background-image: url(<%= asset_path 'haikei.jpg' %>); // background-image: image-url("/images/haikei.jpg"); }
補足情報(FW/ツールのバージョンなど)
画像のパス
app/assets/images/haikei.jpg
回答1件
あなたの回答
tips
プレビュー