title: How to decrease the size of the jumbotron which is used at the footer?
body: <p>I am developing a project where I used jumbotron at the footer. But the height of the jumbotron is high. I used as much as CSS styles to reduce it but i could not do it. Can anyone help me to solve this problem?</p>
  
  <p>I tried to manually give the height for the jumbotron, but still it's not working.</p>
  
  <pre><code>.jumbotron{
           height : 20px;
  }
  </code></pre>
  
  <p>I would like to provide the link of the entire code where you can find the actual issue. Just focusing on the footer which is done using jumbotron.
  <a href="https://jsfiddle.net/1b8gje6f/1/" rel="nofollow noreferrer">https://jsfiddle.net/1b8gje6f/1/</a></p>