Question

我正在使用twitter bootstrap ver。 2.3.2 我刚刚意识到，如果在移动设备上呈现，我的导航栏无效。

问题是每个顶级菜单的子项不会重定向到网址中指定的网页。

如果我在桌面计算机上调整浏览器窗口的大小，它的作用是预期的。我用Android手机（4.0.3），iPhone 4和Opera移动模拟器进行了测试。

我准备了一个可以呈现here的bootply here。

这是HTML：

<div class="container">
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container-fluid">
                <button 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>
                </button>
                <a class="brand" href="/">&nbsp;</a>
                <div class="nav-collapse collapse">
                    <ul class="nav">
                        <li class="dropdown">
                          <a id="mnuItem_0" href="#" data-target="#" role="button" class="dropdown-toggle" data-toggle="dropdown">HOME<b class="caret"></b></a>
                          <ul class="dropdown-menu" role="menu" aria-labelledby="mnuItem_0">
                            <li role="presentation">
                              <a role="menuitem" tabindex="-1" href="/"><i class="icon-home"></i> Home</a>
                            </li>
                            <li role="presentation">
                              <a role="menuitem" tabindex="-1" id="LogOff" href="/Authentication/LogOff"><i class="icon-off"></i> Exit</a>
                            </li>
                          </ul>
                        </li>
                        <li class="dropdown">
                          <a id="mnuItem_1" href="#" data-target="#" role="button" class="dropdown-toggle" data-toggle="dropdown">USERS<b class="caret"></b></a>
                          <ul class="dropdown-menu" role="menu" aria-labelledby="mnuItem_1">
                            <li role="presentation">
                              <a role="menuitem" tabindex="-1" href="/Roles"><i class="icon-group"></i> Roles</a>
                            </li>
                            <li role="presentation">
                              <a role="menuitem" tabindex="-1" href="/Users"><i class="icon-user"></i> Users</a>
                            </li>
                          </ul>
                      </li>
                  </ul>
                </div>
            </div>
        </div>
    </div>
</div>

任何帮助将不胜感激。

Answer 1

没有解决方案，这个bug已经在2.3.2版本中引入了（它适用于2.3.1）。

升级到3.0.0版本 ......带着一些痛苦。

可折叠导航栏无法在移动设备上运行（2.3.2）

1 个答案: