title: Why is Django not loading my CSS?
body: <p>I am creating a website with Django and for some reason my CSS file is having no effect on the page. I have checked to make sure my STATIC_URL is defined but still no luck.</p>
  
  <p>My settings.py:</p>
  
  <pre><code># Static files (CSS, JavaScript, Images)
  # https://docs.djangoproject.com/en/1.11/howto/static-files/
  
  STATIC_URL = '/static/'
  STATIC_ROOT = os.path.join(BASE_DIR, 'static')
  </code></pre>
  
  <p>Inside of my blog app I have a static directory </p>
  
  <pre><code>blog
    |
    static
       |
       css
         |
         blog.css
  </code></pre>
  
  <p>My HTML doc: </p>
  
  <pre><code>{% load staticfiles %}
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;title&gt;Medicare Supplemental info&lt;/title&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
          &lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"&gt;
          &lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"&gt;
          &lt;!-- This is where I'm loading the CSS file --&gt;
          &lt;link rel="stylesheet" href="{% static 'css/blog.css' %}"&gt;
      &lt;/head&gt;
  </code></pre>
  
  <p>I checked to make sure that I have the required app installed in the settings.py: </p>
  
  <pre><code>INSTALLED_APPS = [
      'django.contrib.admin',
      'django.contrib.auth',
      'django.contrib.contenttypes',
      'django.contrib.sessions',
      'django.contrib.messages',
      'django.contrib.staticfiles',
      'blog',
  ]
  </code></pre>
  
  <p>I have also tried changing the way I load static files from: </p>
  
  <pre><code>{% load staticfiles %}
  </code></pre>
  
  <p>to:</p>
  
  <pre><code>{% load static %}
  </code></pre>
  
  <p>Still no luck. What is it I'm doing wrong?</p>