title: Navbar logout button
body: <p>I have created a nav bar, but I can't move the logout button, I want to move it to the right of the screen. I am using bootstrap to build the navbar.</p>
  
  <p>Here is the code I have used so far. How could I move it to the right?</p>
  
  <pre><code>&lt;nav class="navbar navbar-fixed-top navbar-inverse" role="navigation"&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)//$_SESSION
              {        ?&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>