twitter-bootstrap - 可折叠导航栏不适用于移动设备 (2.3.2)

标签 twitter-bootstrap twitter-bootstrap-2

我正在使用 twitter Bootstrap 版本。 2.3.2 我刚刚意识到我的导航栏如果在移动设备上呈现,则无法正常工作。

问题是 子项每个顶部菜单的不重定向到 url 中指定的页面。

如果我在台式计算机上调整浏览器窗口的大小,它可以正常工作。
我已经用安卓手机(4.0.3)、iPhone 4 和opera 移动模拟器对其进行了测试。

我准备了一个bootply here可以渲染 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>

任何帮助将不胜感激。

最佳答案

对此没有解决方案,并且该错误已在 2.3.2 版本中引入(它适用于 2.3.1)。

升级到版本 3.0.0 ......有些痛苦。

关于twitter-bootstrap - 可折叠导航栏不适用于移动设备 (2.3.2),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18703288/

相关文章:

javascript - ng-disabled 在 chrome 中不起作用

html - 如何使 Bootstrap 表单的宽度达到 100%

html - Bootstrap 菜单总是折叠的问题

html - 如何使用 bootstrap2.3.1 使表响应

css - 垂直对齐 : middle with Bootstrap 2

html - 菜单在移动 View 中占用空间

c# - 将 fontawesome 图标添加到 asp.net 按钮

css - 将字形图标分配给 Bootstrap 2.3.2 中的类

twitter-bootstrap - 你如何在 Twitter Bootstrap 的 popover 插件中禁用标题?