title: Max height of navbar in bootstrap
body: <p>I am trying to narrow the height of my navbar so that it does not expand (in height) for certain screen sizes or when extra text is added to the navbar.</p>
  
  <p>This is my html:</p>
  
  <pre><code>    &lt;div class="navbar navbar-inverse navbar-fixed-top" id="navbar-site"&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;
              @Html.ActionLink("Website Name", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
          &lt;/div&gt;
          &lt;div class="navbar-collapse collapse navbar-options"&gt;
              &lt;ul class="nav navbar-nav"&gt;
                  &lt;li&gt;@Html.ActionLink("Home", "Index", "Home")&lt;/li&gt;
                  &lt;li&gt;@Html.ActionLink("About", "About", "Home")&lt;/li&gt;
                  &lt;li&gt;@Html.ActionLink("Link", "Link", "Link")&lt;/li&gt;
                  &lt;li&gt;@Html.ActionLink("Link", "Link", "Link")&lt;/li&gt;
                  &lt;li&gt;@Html.ActionLink("Link", "Link", "Link")&lt;/li&gt;
                  &lt;li&gt;@Html.ActionLink("Link", "Link", "Link")&lt;/li&gt;
              &lt;/ul&gt;
              @Html.Partial("_LoginPartial")
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My CSS:</p>
  
  <pre><code>#navbar-site {
      height: 15px;
  }
  </code></pre>
  
  <p>I have tried adding a height and max height css to my navbar but still no luck.</p>
  
  <p>Update: here is a running version of my problem on bootply. Note what happens when the window is made smaller, the height is expanded and the links nestle beneath.</p>