在平板電腦上無法單擊Twitter-Bootstrap響應式導航欄下拉子鏈接

Question

使用平板電腦時，我無法獲得響應式導航欄中下拉菜單中的鏈接以單擊。 這在桌面瀏覽器中可以正常工作，但是在平板電腦上，當您單擊鏈接時，下拉列表將關閉，並且沒有任何反應。 我將在下面發布代碼，但您也可以在jsfiddle http://jsfiddle.net/Tapf9/中看到它。 我在應用程序中使用bootstrap v2.3.2最小版本。

<div class="navbar navbar-fixed-top">
          <div class="navbar-inner">
            <div class="container-fluid">
              <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </a>
              <a class="brand" href="~/">Company x</a>
              <div class="nav-collapse">
                <ul class="nav">
                    <li class="navHome"><a href="~/"><i class="icon-home icon-white"></i> Home</a></li>                        
                    <li class="dropdown"><a class="navInst dropdown-toggle" data-toggle="dropdown">DropDown1<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="~/x/Create" >Create</a></li>
                            <li><a href="~/x">Search</a></li>
                        </ul>
                    </li>
                    <li class="dropdown "><a class="navServ dropdown-toggle" data-toggle="dropdown" href="~/ServiceTicket">DropDown2<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="~/y/Create">Create</a></li>
                            <li><a href="~/y">Search</a></li>
                        </ul>
                    </li>
                    <li class="dropdown "><a class="navPm dropdown-toggle" data-toggle="dropdown" href="~/PmTicket">DropDown3<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="~/z/Create">Create</a></li>
                            <li><a href="~/z">Search</a></li>
                        </ul>
                    </li>


                    <li id="logout"><a href="#">Logout</a></li>
                </ul>
              </div><!-- /.nav-collapse -->
            </div><!-- /.container -->
          </div><!-- /.navbar-inner -->
        </div><!-- /.navbar -->

我在這里想念什么？

Answer 1

只需將“ collapse”添加到<div class =“ nav-collapse”>。

它應該工作 ;-)

<div class="nav-collapse collapse">

Answer 2

據我所知，並非所有平板電腦都存在此問題。 它可以在ipad上運行，但不能在我的panasonic平板fz-a1上運行。 我發現平板電腦正在注冊鏈接點擊事件，以涵蓋導致其重新加載的整個導航欄。 我升級到了引導程序3，並修改了我的應用程序類選擇器以使其匹配，這似乎已經解決了問題。 現在它正在運行。