title: Img-fluid doesn't resize the image in Bootstrap 4
body: <p>pretty simple problem. I have a navbar with an image brand and I'm using img-fluid so it will just resize to fit the div instead of specifying a height and width. This way it'll be responsive. The problem is that it doesn't change size at all and it just stretches the navbar out and is huge.</p>
  <pre><code>&lt;nav class=&quot;navbar navbar-light bg-light&quot;&gt;
          &lt;a class=&quot;navbar-brand&quot; href=&quot;#&quot;&gt;
            &lt;img src=&quot;assets/images/urbane-sleek.png&quot; class=&quot;img-fluid&quot;  alt=&quot;&quot;&gt;
          &lt;/a&gt;
        &lt;/nav&gt;
  
      &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col-md-2 .d-xs-none .d-sm-none&quot;&gt;Text...&lt;/div&gt;
          &lt;div class=&quot;col-md-10&quot;&gt;Text...&lt;/div&gt;
          
      &lt;/div&gt;
  </code></pre>
  <p>I've tried setting max-width: 100% and height: auto; in the style attribute and that does nothing. Help?</p>