title: How to get the correct Bootstrap Jumbotron height?
body: <p>I have a very simple example of a bootstrap jumbotron split into 2 parts. The left part contains some text, the right part contains an image:</p>
  
  <pre><code>&lt;div class="jumbotron"&gt;
    &lt;div class="col-md-8"&gt;&lt;h1&gt;&lt;b&gt;My WebSite Jumbotron!&lt;/b&gt;&lt;/h1&gt;
      &lt;p&gt;This page would be great if the jumbotron would be higher.&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="col-md-4"&gt;
      &lt;img src="//placehold.it/300" class="img-responsive"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>See also <a href="http://www.bootply.com/iUnNYWqHok" rel="noreferrer">my bootply example</a>. For some reason the height of the background of the Jumbotron is not large enough to contain the text and the image. What do I need to do to fix this?</p>