title: My CSS is not working with boostrap 3
body: <p>I'm starting to build a webpage using <strong>Bootstrap 3</strong> (latest version) and for some reason I can't seem to add a background image.  </p>
  
  <p>The coding is correct, all files are in their proper folders, etc.</p>
  
  <p>Finally I decided to create another webpage with the exact coding the only difference is that my css stylesheet is not in the css folder.  I refresh and the background image appears.  When i move the css file back into the css folder, the image is gone.</p>
  
  <p>What is happening?  the name of the file is correct, I have added the correct path and I added some other styling besides the background image and they seem to be working perfectly whether or not the css file is in or out of the folder.</p>
  
  <p>HTML WHERE CSS FILE IS IN THE CSS FOLDER</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;title&gt;Home&lt;/title&gt;
  
      &lt;!--Bootstrap css --&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"&gt;
  
      &lt;!--Custom css --&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
  &lt;/head&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>HTML WHERE CSS FILE IS NOT IN THE CSS FOLDER</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;title&gt;Home&lt;/title&gt;
  
      &lt;!--Bootstrap css --&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"&gt;
  
      &lt;!--Custom css --&gt;
      &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
  &lt;/head&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>body {
      background: url(background.jpg) no-repeat center center;
  }
  .container {
      color: black;
      font-weight: bold;
      font-size: 2em;
  }
  </code></pre>
  
  <p><a href="http://i.stack.imgur.com/T8Xo8.png" rel="nofollow">Root FOlder</a></p>