title: background image in bootstrap not responsive
body: <p>I put a background image for the body but for some reason when i shrink the window the image does not get smaller as the window gets smaller, so it should still take up the whole background but shrink , </p>
  
  <p>HTML: 
  Just have my <code>body</code> tag </p>
  
  <pre><code>CSS: 
  
      body {
          background-image: url("../Images/c.jpg");
          padding-top: 58px;
          background-size:100% auto;
      }
  </code></pre>
  
  <p>This makes the image get smaller as the window gets smaller but it reapts at the bottom , so its like 2 of them </p>