title: How to prevent a bootstrap navbar from collapsing when window resizing
body: <p>I want my navbar to collapse on all pages except one where I want it to stay expanded at 1140px wide. How would I do this? here is a <a href="https://jsfiddle.net/82scyezw/" rel="nofollow">fiddle</a></p>
  
  <p>Here is my navbar</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="navbar navbar-default navbar-fixed-top"&gt;
    &lt;div class="container"&gt;
      &lt;div class="navbar-header"&gt;
        &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&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;div class="navbar-inline"&gt;
          &lt;a class="navbar-brand hidden-xs" href="/Home"&gt;
            &lt;img alt="Brand" src="~/Images/brandImagenew.png"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="navbar-collapse collapse"&gt;
        &lt;ul class="nav navbar-nav"&gt;
          &lt;li&gt;@Html.ActionLink("About", "About", "Home")&lt;/li&gt;
          &lt;li&gt;@Html.ActionLink("Contact", "Contact", "Home")&lt;/li&gt;
        &lt;/ul&gt;
        @Html.Partial("_LoginPartial")
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>