title: Bootstrap "container" background
body: <p>I've been racking my brains for quite a bit of time but still was not find to find a variant but one I will describe here.
  I’m using twitter bootstrap 2.3.2. I wanted to change the background of the "container". When I applied the changes, this image was also the background of "navbar" and "hero-unit".</p>
  
  <p>The same thing you can discover here:
  <a href="http://getbootstrap.com/2.3.2/examples/hero.html" rel="nofollow">http://getbootstrap.com/2.3.2/examples/hero.html</a>
  By setting in the "Inspect Element" of the "container" settings smth like this:</p>
  
  <pre><code>background-image: ('url');
  </code></pre>
  
  <p>It will not only set the image of the body, but also of the "navbar".</p>
  
  <p>Surely, I clearly understand why, in my case, the background of "navbar" and "hero-unit" are changing, because I got this in the HTML:</p>
  
  <pre><code>&lt;div class="container"&gt;
   &lt;div class="navbar"&gt;
    &lt;div class="hero-unit"&gt;
  &lt;/div&gt;
   &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>But what I need, is that the "hero-unit" and the main content "container" were on one line (as on the link provided above). If they are applied to the "container" class it works, but the background is fairly. What properties do I have to apply to the new class, so as they are of equal size (see the link). I think I'm stuck a bit and badly need some support.</p>
  
  <p>I guess I gotta create two new classes? One for the equal display of the "container" and "hero-unit" and "navbar" and the other (with same property of width) to set the background. But I cant figure it out:(</p>