Bootstrap - Arka plan resmi çalışmıyor

Question

Benim CSS işaretleme:

.rowbgi { 
    background-image:url('img/gradient.png'); 
    background-color:#cccccc; 
} 

Benim HTML işaretleme:

<div class="span4 rowbgi"> 
     <img class="img-circle" data-src="holder.js/140x140"> 
     <h2>Heading</h2> 
     <p>Stack Overflow</p> 
     <p><a class="btn" href="#">View details </a></p> 
    </div><!-- /.span4 --> 

Ben arka plan resmini görmek mümkün değilim, ama renk arka planda görülür. Görüntü yolunda mevcut. Birisi bana aptalca bir hata yaptığını söyleyebilir mi?

Answer 1

Kimse bunu göstermedi çünkü (. Örn jsfiddle ile P), ne yaptığını bilmiyor ama benim ilk tahminim şu ki dosya yapısı şöyledir: kök dizininde

• HTML dosyası: css dizinde /index.html,
• CSS dosyası: /css/style.css, /img/gradient.png içinde
• görüntüler.

Artık, HTML/CSS'den bağlanan tüm dosyaların bunlara göre yolları olduğunu aklınızda bulundurun. Yani, CSS'yi /css'da tutarsanız, CSS img/xxx'daki yol /css/img/xxx'a bağlanır. Ben doğru tahmin ediyorum ve bu durum için stilini değiştirmek ise:

background-image:url(/img/gradient.png); 

veya

background-image:url(../img/gradient.png);