title: Jumbotron Background Image
body: <p>I've tried everything and searched everywhere. But nothing seems to work.
  It's such an easy problem to solve I think, I'm just not getting there alone.</p>
  
  <p>I want to set a background image on my jumbotron, since I'm using bootstrap.</p>
  
  <p>Here is what I did.</p>
  
  <pre><code>&lt;div class="jumbotron center " &gt; &lt;!-- start jumbotron --&gt;
  
    &lt;div class="container"&gt;
  
      &lt;div class="jb-text"&gt;
          &lt;h1&gt;This is an epic service&lt;/h1&gt;
          &lt;h3&gt;Not really, just trying this thing out&lt;/h3&gt;
      &lt;/div&gt;
  
      &lt;button class="btn btn-default" id="btn-custom"&gt;&lt;a href="#"&gt;Start Your     &lt;strong&gt;Free&lt;/strong&gt; Trial&lt;/a&gt;&lt;/button&gt;
  
    &lt;/div&gt; &lt;!-- end container --&gt;
  
  &lt;/div&gt; &lt;!-- end jumbotron --&gt;
  </code></pre>
  
  <p>And this is the CSS</p>
  
  <pre><code>.jumbotron{
      background-image: url('image/green-forest.jpg') no-repeat center center;
  
  }
  </code></pre>
  
  <p>Unfortunately nothing happens.</p>