title: Align a button to the right inside a navbar leaving a margin to the right
body: <p>I'm using Bootstrap for styling a website and everything works right for the login form, which is located inside a navbar:</p>
  
  <p><a href="https://i.stack.imgur.com/OHXMX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OHXMX.png" alt="enter image description here"></a></p>
  
  <p>As you can see, the button has a nice margin to the right. Well, I want to achieve the same with my logout button, but I don't know how without recurring to my own CSS code:</p>
  
  <p><a href="https://i.stack.imgur.com/v6dXw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/v6dXw.png" alt="enter image description here"></a></p>
  
  <p>I think there's a way to achieve the same right margin of the login button for the logout one using Bootstrap. Here's the code that creates the logout button:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;nav class="navbar navbar-default" role="navigation"&gt;
          &lt;span class="navbar-brand"&gt;@Model.User.UserName's profile&lt;/span&gt;
          &lt;a class="btn navbar-btn btn-danger navbar-right" role="button" href="@Url.Action("UserLogout", "Login")"&gt;Logout&lt;/a&gt;
      &lt;/nav&gt;
      ...
  &lt;/div&gt;
  </code></pre>