title: django 1.11.3 css background image not showing
body: <p>I am trying to have my background image show using css in django 1.11.3 and have received some 404 errors in the terminal when running the server that the picture can't load. My css file does load and can change the contents in my <code>home.html</code> file.</p>
  
  <p>home.html</p>
  
  <pre><code>{% extends 'layout.html' %}
  {% load static %}
  {% block content %}
  
  &lt;div class="container-fluid"&gt;
    &lt;div class="row img-bg"&gt;
      &lt;div class="col-sm-12"&gt;
        &lt;a href='#'&gt;My Button&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS - </p>
  
  <pre><code>.img-bg{
    background: url('../img/logo.png'); // 404 error
    background: url('../assets/img/logo.png'); // 404 error
    background: url("{% static 'img/logo.png' %}"); // 404 error
    background-size: 100% auto;
    height: 100px; 
    width: 100px;
  }
  </code></pre>
  
  <p>settings.py</p>
  
  <pre><code>STATIC_URL = '/static/'
  STATICFILES_DIRS = (
      os.path.join(BASE_DIR, 'assets'),
  )
  </code></pre>
  
  <p>folder structure </p>
  
  <pre><code>website_src
    --assets
      --css
        --style.css
      --img
         --logo.png
  </code></pre>