title: django html template can't find static css and js files
body: <p>I have a django project that structure is like this:</p>
  <pre><code>&gt;vira
       &gt;vira
            -__init.py
            -settings.py
            -urls.py
            -wsgi.py
       &gt;vira_app
            &gt;migrations
            &gt;template
                    -index.html
                    &gt;static
                          &gt;vira_app
                                  &gt;assets
                                        &gt;css
                                        &gt;js
                                        &gt;vendor
                                            &gt;aos
                                            &gt;bootstrap
                                            &gt;bootstrap-icons
                                            &gt;isotope-layout
                                            &gt;swiper
            -__init__.py
            -admin.py
            -apps.py
            -models.py
            -tests.py
            -urls.py
            -views.py
       -db.sqlite3
       -manage.py
  </code></pre>
  <p>I have used bootstrap. index.html is like below:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  
  &lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
    {% load static %}
    &lt;link href=&quot;{% static 'vira_app/assets/vendor/aos/aos.css' %}&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;link href=&quot;{% static 'vira_app/assets/vendor/bootstrap/css/bootstrap.min.css' %}&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;link href=&quot;{% static 'vira_app/assets/vendor/bootstrap-icons/bootstrap-icons.css' %}&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;link href=&quot;{% static 'vira_app/assets/vendor/swiper/swiper-bundle.min.css' %}&quot; rel=&quot;stylesheet&quot;&gt;
    {% load static %}
    &lt;link href=&quot;{% static 'vira_app/assets/css/style.css' %}&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;main id=&quot;main&quot;&gt;
          &lt;div id=&quot;portfolio-grid&quot; class=&quot;row no-gutter&quot; data-aos=&quot;fade-up&quot; data-aos-delay=&quot;200&quot;&gt;
            {% if catalogue_list %}
              {% for Catalogue in catalogue_list %}
                &lt;div class=&quot;item web col-sm-6 col-md-4 col-lg-4 mb-4&quot;&gt;
                  &lt;a href=&quot;{{ Catalogue.link }}&quot; class=&quot;item-wrap fancybox&quot;&gt;
                    &lt;div class=&quot;work-info&quot;&gt;
                      &lt;h3&gt;{{ Catalogue.title }}&lt;/h3&gt;
                      &lt;span&gt;{{ Catalogue.source }}&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;img class=&quot;img-fluid&quot; src=&quot;{{ Catalogue.image }}&quot;&gt;
                  &lt;/a&gt;
                &lt;/div&gt;
              {% endfor %}
            {% endif %}
          &lt;/div&gt;
        &lt;/div&gt;
    &lt;/main&gt;
    &lt;a href=&quot;#&quot; class=&quot;back-to-top d-flex align-items-center justify-content-center&quot;&gt;&lt;i class=&quot;bi bi-arrow-up-short&quot;&gt;&lt;/i&gt;&lt;/a&gt;
    &lt;script src=&quot;assets/vendor/aos/aos.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/vendor/bootstrap/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/vendor/isotope-layout/isotope.pkgd.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/vendor/php-email-form/validate.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/vendor/swiper/swiper-bundle.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/main.js&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>settings.py:</p>
  <pre><code>TEMPLATES = [
      {
          'BACKEND': 'django.template.backends.django.DjangoTemplates',
          'DIRS': [
              os.path.join(BASE_DIR, 'vira_app', 'template')
          ],
          'APP_DIRS': True,
          'OPTIONS': {
              'context_processors': [
                  'django.template.context_processors.debug',
                  'django.template.context_processors.request',
                  'django.contrib.auth.context_processors.auth',
                  'django.contrib.messages.context_processors.messages',
              ],
          },
      },
  ]
  
  STATIC_URL = '/static/'
  STATIC_ROOT = '/vira_app/template'
  </code></pre>
  <p>When I run the server and go to index.html, data retrieved from db and show well, but without any style!</p>
  <p>I have tried some solution, check every static url, but not working</p>
  <p>In fact, css, js and vendors not applied. What's the problem?</p>