title: django-why bootstrap already loaded but gave no effect on the page?
body: <p>Hi guys I'm new to django, now I'm facing problem that the already loaded bootstrap css template gave no effect on the page. I have read several post of this problem in this site, but none of it work.  I use python 3.6.4 and django 2.0.</p>
  
  <p>Here is my settings.py:</p>
  
  <pre><code>STATIC_URL = '/static/'
  STATICFILES_DIRS = [os.path.join(BASE_DIR, "static"), ]
  </code></pre>
  
  <p>settings.installed_apps :</p>
  
  <pre><code>INSTALLED_APPS = [
  'django.contrib.admin',
  'django.contrib.auth',
  'django.contrib.contenttypes',
  'django.contrib.sessions',
  'django.contrib.messages',
  'django.contrib.staticfiles',
  'rango'
  ]
  </code></pre>
  
  <p>my index.html :</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  {% load staticfiles %}
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Rango&lt;/title&gt;
      &lt;!-- CSS --&gt;
      &lt;link rel="stylesheet" type="text/css" href="{% static "css/bootstrap.css" %}" /&gt;
  </code></pre>
  
  <p>the command prompt said :</p>
  
  <pre><code>[17/Feb/2018 20:06:14] "GET /static/css/bootstrap.css HTTP/1.1" 200 178152
  </code></pre>
  
  <p>When I copy paste all the bootastrap css style to the head it work</p>
  
  <p>When I call an image from same static folder, it also can show the picture</p>
  
  <pre><code>&lt;img src="{% static "images/alif.jpg" %}" width="500px" height="800px" alt="foto alif"&gt;
  </code></pre>
  
  <p>My debug set True and i use virtual environment</p>
  
  <p>I also check on chrome developer tools>network>css. It said the css run</p>
  
  <p>My folder structure:</p>
  
  <pre><code>tango
     |
     static
         |
         css
            |
            bootstrap.css
  </code></pre>
  
  <p>Can anyone help me to solve this?</p>