平板电脑上的Bootstrap下拉菜单没有关闭

时间:2014-08-04 16:09:14

标签: html css twitter-bootstrap twitter-bootstrap-3

我遇到Bootstrap下拉菜单问题单击Andriod平板电脑和IPADS上的事件,当我点击它时,它打开但不关闭。除了我点击菜单外(网页的空白区域)

虽然,这个问题不会发生在桌面上,只有在平板电脑上查看时才会发生。

这是代码

<div class="container" >
    <!-- Grid demo navbar -->
    <div class="navbar navbar-default navbar-fixed-top navigation" role="navigation">
      <div class="navbar-header">
        <button type="button" data-toggle="collapse" data-target="#navbar-collapse-grid" class="navbar-toggle">
        <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
        </button>
        <a href="#" class="navbar-brand">COMPANY NAME</a>
      </div>
      <div id="navbar-collapse-grid" class="navbar-collapse collapse">
        <ul class="nav navbar-nav">


          <!-- Classic list -->
        <li class="dropdown">
        <a href="#" data-toggle="dropdown" class="dropdown-toggle  blackbg">MY MENU
        <b class="caret"></b>
        </a>
          <ul class="dropdown-menu">
            <li><a href="link">MY FIRST LINK</li>
            <li><a href="link">MY SECOND LINK</li>
            <li><a href="link">MY THIRD LINK</li>
            <li></li>
          </ul>
        </li>

        </ul>
      </div>
    </div>
  </div>

我认为这是平板电脑点击事件的问题,但我不知道如何解决这个问题。 任何帮助将不胜感激。感谢

0 个答案:

没有答案
相关问题