बूटस्ट्रैप - पृष्ठभूमि छवि काम नहीं कर रहा

Question

मेरे सीएसएस मार्कअप:

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

मेरे HTML मार्कअप:

<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 --> 

मैं पृष्ठभूमि छवि देखने के लिए सक्षम नहीं हूँ, लेकिन रंग की पृष्ठभूमि में देखा जाता है। छवि पथ में उपलब्ध है।

क्या कोई मुझे कुछ मूर्खतापूर्ण गलती बता सकता है कि मैं कर रहा हूं?

Answer 1

कोई नहीं जानता कि तुम क्या कर रहे हैं, क्योंकि आप इसे नहीं दिखाया जा सका (जैसे jsfiddle साथ; पी।), लेकिन मेरा पहला अनुमान है कि आपने निम्न फ़ाइल संरचना है: रूट निर्देशिका में

• HTML फ़ाइल: सीएसएस निर्देशिका में /index.html,
• CSS फ़ाइल: /css/style.css, /img/gradient.png में
• छवियों।

अब, ध्यान दें कि एचटीएमएल/सीएसएस से जुड़े सभी फाइलों के पास उनके सापेक्ष पथ हैं। इसलिए, यदि आप /css में सीएसएस रखते हैं, तो सीएसएस img/xxx में पथ /css/img/xxx से लिंक है। मैं सही ढंग से अनुमान लगा रहा हूँ और यह आपके मामले के लिए शैली को बदल रहा है, तो:

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

या

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