title: How can I move the position of a navbar logout button?
body: <p>I have a navbar with a welcome greeting for the user on the left, but I want to move my logout feature to the opposite side on the right. At the moment it sits beside the welcome. Any ideas on how to move it?
  Here is my code that I have been using.</p>
  
  <pre><code>&lt;nav class="navbar navbar-fixed-top navbar-inverse" role="navigation"&gt;
  &lt;!--navbar settings--&gt;
             &lt;div class="container-fluid"&gt;
              &lt;div class="navbar-header"&gt;
  
  
  &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"&gt;
                      &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;!--&lt;a class="navbar-brand" href="index.html"&gt;Logout&lt;/a&gt;--&gt;
  
                  &lt;?php    //echo $_SESSION["staffname"];
              if(isset($_SESSION["staffId"]) &amp;&amp; $_SESSION["staffId"] != NULL)
              {        ?&gt; &lt;a class="navbar-brand"&gt;
                       Welcome   &lt;?php echo $_SESSION["staffname"];  ?&gt;&lt;/a&gt;
                 &lt;a href="logout.php" class="navbar-brand"&gt;&lt;strong&gt;Logout&lt;/strong&gt;&lt;/a&gt;
               &lt;?php
               }
               ?&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
  </code></pre>