Bootstrap responsive jumbotron background image
<p>I'm trying to create a bootstrap jumbotron with a responsive background image because my first approach was static (and I have to fill the empty space with <code>background-color: white !important;</code>):</p>

<p><a href="https://jsfiddle.net/ety0atsm/2/" rel="nofollow">https://jsfiddle.net/ety0atsm/2/</a></p>

<p>And now I'm using this CSS but the height is not properly configured. How can I configure my background image to cover the entire screen all the time no matter what screen size uses the device?</p>

<p><a href="https://jsfiddle.net/b40Lyep1/6/" rel="nofollow">https://jsfiddle.net/b40Lyep1/6/</a></p>