title: Bootstrap image full width of span
body: <p>Not sure if this is possible, but I would like to have an image fill the entire width AND height of a span using Twitter Bootstrap.</p>
  
  <p>I have a sidebar with width of span4 and the remaining span 8 with an image. </p>
  
  <p>I have tried using the background:cover class, however it will only fill the width of the span, and the height will only fill when I specify a height.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
  &lt;div class="row-fluid col-wrap"&gt;
  &lt;div class="span4 sidebar-red col"&gt;
  &lt;h1&gt;About&lt;/h1&gt;
  
  &lt;p class="lead"&gt;The first of its kind in Toronto&amp;hellip;&lt;/p&gt;
  
  &lt;p&gt;Workplace One offers small businesses, entrepreneurs, professionals and anyone in between, a customized and unique work environment in a shared office community.&lt;/p&gt;
  
  &lt;p&gt;Workplace One offers flexibility. With customizable offices and services, Workplace One caters to the constant evolution of a small or growing business.&lt;/p&gt;
  
  &lt;p&gt;The unique space design encourages collaboration and provides an energy that can't be found in a home office, or other professional work environment.&lt;/p&gt;
  
  &lt;/div&gt;&lt;!--/span--&gt;
  
  
  
  &lt;div class="span8"&gt;
  &lt;img src="img/h_ph.jpg"/&gt;
  &lt;/div&gt;&lt;!--/span--&gt;
  
  
  &lt;/div&gt;&lt;!--/span--&gt;
  &lt;/div&gt;&lt;!--/row--&gt;
  </code></pre>
  
  <p>Thanks in advance</p>
  
  <p>JB</p>