title: BootStrap Nav bar reloading on every nav click
body: <p>I have a twitter bootstrap nav bar, but evertime I navigate on a link it is clearly reloading the navbar with everything else. Isn't it not supposed to do that? I would like it if it didn't. I'm not sure maybe if I'm doing something wrong in my _Layout or not. Any ideas on why my navbar could be reloading?</p>
  
  <pre><code>            &lt;link href="../../bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="../../bootstrap/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="@Url.Content("~/Scripts/dt-min.js")" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;link href="../../Content/Reflection.css" rel="stylesheet" type="text/css" /&gt;
       @Styles.Render("~/Content/themes/base/css", "~/Content/css")
       @Scripts.Render("~/bundles/modernizr")
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;header&gt;
          &lt;div class="navbar"&gt;
            &lt;div class="navbar-inner"&gt;
          &lt;div class="container"&gt;
              &lt;div class="float-left" style="width:315px"&gt;
                  &lt;p class="site-title"&gt;@Html.ActionLink("Kinfolk", "Index", "Home", new { @style = "color:Orange" })&lt;/p&gt;
              &lt;/div&gt;
  
              &lt;div class="float-center"&gt;
                  &lt;section id="login"&gt;
                      @Html.Partial("_LoginPartial")
                  &lt;/section&gt;
                  &lt;nav&gt;
  
                      &lt;ul id="menu" class="nav"&gt;
  
                          &lt;li&gt;
                           &lt;div class="reflection"&gt;
                          &lt;a href="@Url.Action("AllWallPost", "Home")" title="Home"&gt;
                              &lt;img src="../../Images/home (1).ico" /&gt;
                          &lt;/a&gt;  
                           &lt;/div&gt;                        
                          &lt;/li&gt;  
  
                          &lt;li&gt;
                           &lt;div class="reflection"&gt;
                           &lt;a href="@Url.Action("UserProfile", "UserProfile")" title="My Profile"&gt;
                           &lt;img src="../../Images/user.ico" /&gt;
                           &lt;/a&gt;                           
                           &lt;/div&gt;
                          &lt;/li&gt;
  
                          &lt;li&gt;
                           &lt;div class="reflection"&gt;
                           &lt;a href="#" title="Events"&gt;
                           &lt;img src="../../Images/calendar_2.ico" /&gt;
                           &lt;/a&gt;                           
                           &lt;/div&gt;
                          &lt;/li&gt;
  
  
                         &lt;/li&gt;
                      &lt;/ul&gt;
  
                  &lt;/nav&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
      &lt;/header&gt;
      &lt;div id="body"&gt;
          @RenderSection("featured", required: false)
          &lt;section class="content-wrapper main-content clear-fix"&gt;
              @RenderBody()
          &lt;/section&gt;
      &lt;/div&gt;
      &lt;footer&gt;
          &lt;div class="content-wrapper"&gt;
              &lt;div class="float-left"&gt;
                  &lt;p&gt;&amp;copy; @DateTime.Now.Year - My ASP.NET MVC Application&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="float-right"&gt;
                  &lt;ul id="social"&gt;
                      &lt;li&gt;&lt;a href="http://facebook.com" class="facebook"&gt;Facebook&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="http://twitter.com" class="twitter"&gt;Twitter&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;                            
      &lt;/footer&gt;
  
      @Scripts.Render("~/bundles/jquery")
      @RenderSection("scripts", required: false)
  &lt;/body&gt;
  </code></pre>
  
  <p></p>