title: Why isn't my picture responsive in bootstrap 4.6?
body: <p>I'm trying to make my image responsive but it isn't.  Can anybody help?</p>
  <p>My code:</p>
  <pre><code>&lt;!doctype html&gt;    
      &lt;head&gt;
          &lt;title&gt;Test&lt;/title&gt;         
          &lt;meta charset=&quot;utf-8&gt;           
          &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;          
          &lt;meta http-equiv=&quot;x-ua-compatible&quot; content=&quot;ie=edge&quot;&gt;    
          &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css&quot; integrity=&quot;sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l&quot; crossorigin=&quot;anonymous&quot;&gt;          
          &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;restless-inc.css&quot;&gt;     
      &lt;/head&gt;     
      &lt;body&gt;
      
          &lt;div class=&quot;container-fluid&quot;&gt;
          
              &lt;img src=&quot;images/dog3.jpg&quot; class=&quot;img-fluid&quot; style=&quot;max-width:100%; height:auto;&quot; alt=&quot;...&quot;&gt;
          
          &lt;/div&gt;
          
          &lt;script src=&quot;https://code.jquery.com/jquery-3.5.1.slim.min.js&quot; integrity=&quot;sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
          
          &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js&quot; integrity=&quot;sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
      
      &lt;/body&gt;
      
  &lt;/html&gt;
  </code></pre>
  <p>Thanks for any help anybody might offer.</p>
  <p>Regards</p>
  <p>Nick</p>