title: A Django Issue when testing my website with a dropdown
body: <p>I am following the tutorial at <a href="https://i.stack.imgur.com/pdVHA.png" rel="nofollow noreferrer">Django Tutorials</a>.  The goal is to get a dropdown list to display a logout when I click on it.  [![enter image description here][2]][2]</p>
  <p>Here is my settings.py where the static files are held:</p>
  <pre><code>    # Static files (CSS, JavaScript, Images)
      # https://docs.djangoproject.com/en/3.0/howto/static-files/
      
      STATIC_URL = '/static/'
      
      STATICFILES_DIRS = [
          os.path.join(BASE_DIR, 'static'),
      ]
      
      LOGOUT_REDIRECT_URL = 'home'
      
  I am getting a HTTP 404 error because of this.  It's saying GET HTTP/1.1 404 1683 when I run it.
  
  
    [1]: https://simpleisbetterthancomplex.com/series/2017/09/25/a-complete-beginners-guide-to-django-part-4.html#displaying-menu-for-authenticated-users
    [2]: https://i.stack.imgur.com/op2g1.png
  </code></pre>
  <p>Because of the error, when I click on the arrow, it won't show me the dropdown list.  Can anyone show me how to fix this and what this error means?</p>
  <p>The intent of this code below is to display a dropdown list of the User that was authenticated and when I click on it, it allows me to logout.</p>
  <pre><code>&lt;nav class=&quot;navbar navbar-expand-sm navbar-dark bg-dark&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
      &lt;a class=&quot;navbar-brand&quot; href=&quot;{% url 'home' %}&quot;&gt;Django Boards&lt;/a&gt;
      &lt;button class=&quot;navbar-toggler&quot; type=&quot;button&quot; data-toggle=&quot;collapse&quot; data-target=&quot;#mainMenu&quot; aria-controls=&quot;mainMenu&quot; aria-expanded=&quot;false&quot; aria-label=&quot;Toggle navigation&quot;&gt;
        &lt;span class=&quot;navbar-toggler-icon&quot;&gt;&lt;/span&gt;
      &lt;/button&gt;
      &lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;mainMenu&quot;&gt;
        &lt;ul class=&quot;navbar-nav ml-auto&quot;&gt;
          &lt;li class=&quot;nav-item dropdown&quot;&gt;
            &lt;a class=&quot;nav-link dropdown-toggle&quot; href=&quot;#&quot; id=&quot;userMenu&quot; data-toggle=&quot;dropdown&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;false&quot;&gt;
              {{ user.username }}
            &lt;/a&gt;
            &lt;div class=&quot;dropdown-menu dropdown-menu-right&quot; aria-labelledby=&quot;userMenu&quot;&gt;
              &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;My account&lt;/a&gt;
              &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Change password&lt;/a&gt;
              &lt;div class=&quot;dropdown-divider&quot;&gt;&lt;/div&gt;
              &lt;a class=&quot;dropdown-item&quot; href=&quot;{% url 'logout' %}&quot;&gt;Log out&lt;/a&gt;
            &lt;/div&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  <p>The directory listing is here.
  <a href="https://i.stack.imgur.com/pdVHA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pdVHA.png" alt="enter image description here" /></a></p>