boorstrapのチュートリアルを参考に、background-imageを表示させたいのですが、表示できません。
html
1<div class="landing"> 2 <div class="home-wrap"> 3 <div class="home-inner"> 4 </div> 5 </div> 6 </div> 7 8 <div class="caption text-center"> 9 <h1>Welcome to Solotravelapp</h1> 10 <a class="btn btn-outline-primary btn-lg" href="#">Get Started</a> 11 </div>
css
1 2.home-inner { 3 background-image: url(imges/baloon.jpg); 4}
url部分に""や''を付けたり、../として試して見たのですが、反映されませんでした。なぜなのでしょうか。
![]
画像は表示されるようになったのですが、このように伸びてしまいます。
CSS
1.home-inner { 2 background-image: url("../images/baloon.jpg"); 3 background-repeat:no-repeat; 4 background-position:center; 5 background-size: 100% 500px; 6 height:500px; 7}