title: Can't move 'logout' button to the right
body: <p>After several hours of research and variout attempts, I cannot seem to workout how to move this Logout button from within my Navbar to the very right of the screen.</p>
  <p>I have tried every example I can find online, creating a new nav bar, setting the float to right, text align to the right, etc.</p>
  <p>Please find the attached HTML/Django:</p>
  <p>navbar.html:</p>
  <pre><code>&lt;nav class=&quot;navbar navbar-expand-lg navbar-light bg-light p-0&quot;&gt;
      &lt;button class=&quot;navbar-toggler&quot; type=&quot;button&quot; data-toggle=&quot;collapse&quot; data-target=&quot;#navbarNav&quot; aria-controls=&quot;navbarNav&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;navbarNav&quot;&gt;
          &lt;ul class=&quot;navbar-nav&quot; style=&quot;height: 4rem;&quot;&gt;
              &lt;li class=&quot;nav-item&quot;&gt;
                  &lt;a class=&quot;nav-link p-3&quot; href=&quot;{% url 'signed in' %}&quot;&gt;Home&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class=&quot;nav-item&quot;&gt;
                  &lt;a class=&quot;nav-link p-3&quot; href=&quot;{% url 'add meal' %}&quot;&gt;Add Meal&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class=&quot;nav-item&quot;&gt;
                  &lt;a class=&quot;nav-link p-3&quot; href=&quot;{% url 'view private profile' %}&quot;&gt;View Private Profile&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class=&quot;nav-item&quot;&gt;
                  &lt;a class=&quot;nav-link p-3&quot; href=&quot;{% url 'view food log' %}&quot;&gt;Food Log&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class=&quot;nav-item&quot;&gt;
                  &lt;a class=&quot;nav-link p-3&quot; href=&quot;{% url 'view friends' %}&quot;&gt;Friends&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class=&quot;nav-item&quot;&gt;
                  &lt;a class=&quot;nav-link p-3&quot; href=&quot;{% url 'settings' %}&quot;&gt;Settings&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class=&quot;nav-item&quot; style=&quot;float: right&quot;&gt;
                  &lt;a class=&quot;nav-link p-3&quot; href=&quot;{% url 'logout' %}&quot; style=&quot;background-color: #e85c29&quot;&gt;Logout&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  <p>Thank you for your time.</p>