title: Bootstrap - Background image not working
body: <p>My CSS markup:</p>
  
  <pre><code>.rowbgi {
      background-image:url('img/gradient.png');
      background-color:#cccccc;
  }
  </code></pre>
  
  <p>My HTML markup:</p>
  
  <pre><code>    &lt;div class="span4 rowbgi"&gt;
        &lt;img class="img-circle" data-src="holder.js/140x140"&gt;
        &lt;h2&gt;Heading&lt;/h2&gt;
        &lt;p&gt;Stack Overflow&lt;/p&gt;
        &lt;p&gt;&lt;a class="btn" href="#"&gt;View details &lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;&lt;!-- /.span4 --&gt;
  </code></pre>
  
  <p>I am not able to see the background image, but the color is seen in the background. The image is available in the path.</p>
  
  <p>Can somebody tell me some silly mistake I am doing?</p>