title: ASP.net MVC 4 and BootStrap _NavBar Style issue
body: <p>After changing my theme rrom default ASP.net MVC theme to BootStrap I got some styling issue in NavBar, <strong>Log off</strong> should be in same line with <strong>Hello, admin</strong>: 
  <img src="https://i.stack.imgur.com/cCdAC.png" alt="enter image description here"></p>
  
  <p>This's my _NavBar.cshtml :</p>
  
  <pre><code>    @helper ActiveItem(string actionName, string controllerName, string areaName)
  {
      if (ViewContext.RouteData.Values["action"].ToString() == actionName &amp;&amp;
              ViewContext.RouteData.Values["controller"].ToString() == controllerName &amp;&amp;
              (ViewContext.RouteData.DataTokens["area"] == null || ViewContext.RouteData.DataTokens["area"].ToString() == areaName))
      {
          @:active
      }
  }
  
  &lt;div class="navbar navbar-default navbar-fixed-top"&gt;
      &lt;div class="container"&gt;
          &lt;!-- Navbar header and form mobile version --&gt;
          &lt;div class="navbar-header"&gt;
                   &lt;button type="button" class="navbar-toggle" 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;a class="navbar-brand" href="#"&gt;PFE&lt;/a&gt;
          &lt;/div&gt;
          &lt;!-- Menu Link list and Deconnexion button --&gt;
          &lt;div class="navbar-collapse collapse"&gt;
              &lt;p class="navbar-text navbar-right"&gt;
                          @Html.Partial("_LoginPartial")
              &lt;/p&gt;
              &lt;ul class="nav navbar-nav"&gt;
                  &lt;li class="@ActiveItem("Index", "Home", null)"&gt;@Html.ActionLink("Home", "Index", "Home")&lt;/li&gt;
                  &lt;li class="@ActiveItem("About", "Home", null)"&gt;@Html.ActionLink("About", "About", "Home")&lt;/li&gt;
                  &lt;li class="@ActiveItem("Contact", "Home", null)"&gt;@Html.ActionLink("Contact", "Contact", "Home")&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And this _LoginPartial.cshtml :</p>
  
  <pre><code> @if (Request.IsAuthenticated) {
    &lt;text&gt;
    Hello, @Html.ActionLink(User.Identity.Name, "Manage", "Account", routeValues: null, htmlAttributes: new { @class = "username", title = "Manage" })!
           @using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm" })) {
           @Html.AntiForgeryToken()
            &lt;a href="javascript:document.getElementById('logoutForm').submit()"&gt;Log off&lt;/a&gt;
          }
    &lt;/text&gt;
  }
  else {
    &lt;text&gt;
    @Html.ActionLink("Register", "Register", "Account", routeValues: null, htmlAttributes: new { id = "registerLink" })
    | @Html.ActionLink("Log in", "Login", "Account", routeValues: null, htmlAttributes: new { id = "loginLink" })
    &lt;/text&gt;
  }
  </code></pre>
  
  <p>Html code After interpted by Chrome: </p>
  
  <pre><code> Hello, &lt;a class="username" href="/Account/Manage" title="Manage"&gt;admin&lt;/a&gt;!
      &lt;form action="/Account/LogOff" id="logoutForm" method="post"&gt;&lt;input name="__RequestVerificationToken" type="hidden" value="FouTIIlrUNMPSCuPnaUtLA-zm5Q5ya2-24OFPZF5EWKECyyN7l4F1SOIClnfUU_2CzEbq6tQSAJ_EDKbLJLA6Hzc4Gc_OSTWbHfXmSdwV8E1" /&gt;     
       &lt;a href="javascript:document.getElementById('logoutForm').submit()"&gt;Log off&lt;/a&gt;
      &lt;/form&gt; 
  </code></pre>
  
  <p>How to fix it please?</p>