title: Fit image to bootstrap navbar height responsively
body: <p>I would like to know how to make an image fit bootstrap navbar height (proportionally), here's a descriptive image:</p>
  
  <p><a href="https://i.stack.imgur.com/pLFqi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pLFqi.png" alt="navbar"></a></p>
  
  <p>Any idea?</p>
  
  <p>I'm using this structure:</p>
  
  <pre><code>&lt;nav class="navbar navbar-default"&gt;
    &lt;divclass="container-fluid"&gt;
      &lt;div class="navbar-header"&gt;
        &lt;a class="navbar-brand" href="#"&gt;
          &lt;img alt="Brand" src="..."&gt;
        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/nav&gt; 
  </code></pre>