Twitter 导航栏在调整屏幕大小时改变其高度

Question

请看这三张图：

1) 如果所有元素都适合导航栏，则一切正常

2) 如果只有中心元素适合导航栏，导航栏的高度会自动增加

3) 如果页面变小就可以了

代码：

<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="Default.aspx">Gestione Azienda</a>
    </div>
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <!--<li class="active"><a href="#">Link</a></li>-->
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Elenco commesse<b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a runat="server" href="~/elenco.aspx?societa=1">1</a></li>
            <li><a runat="server" href="~/elenco.aspx?societa=2">2</a></li>
            <li><a runat="server" href="~/elenco.aspx?societa=3">3</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Gestisci commessa<b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a runat="server" href="~/1.aspx/#tab-1">1</a></li>
            <li><a runat="server" href="~/2.aspx/#tab-2">2</a></li>
            <li><a runat="server" href="~/3.aspx/#tab-3">3</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Impostazioni<b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a runat="server" href="~/impostazioni.aspx">Impostazioni Generali</a></li>
            <li><a runat="server" href="~/GestioneUtenti.aspx">Gestione utenti</a></li>
          </ul>
        </li>
        <li><a id="A1" runat="server" href="~/ProgLavori.aspx" target="_blank">Programmazione lavori</a></li>
        <li><a runat="server" href="http://" target="_blank">Posta</a></li>
        <li><a id="menu_logout" runat="server" onserverclick="logout">Logout</a></li>
        <li><a id="menu_login" runat="server" href="~/Default.aspx">Login</a></li>
      </ul>
    </div>
  </div>
</nav>

在这里您可以找到代码，如果您尝试调整菜单区域的大小，您可以看到我的问题。

http://jsfiddle.net/8dabnd41/

有人可以帮助我吗？？

Answer 1

您可以禁用 Bootstrap 导航栏折叠。这里有一个很好的解释：Bootstrap 3 - disable navbar collapse