Question

我不确定我做错了什么......不过这是我的问题：

在这个网站上：http://blog.cast.zhdk.ch/360/我用bootstrap制作，我创建了一个菜单，其中«sandwich»菜单按钮出现在所有设备上。我添加了一些文字。它不适用于智能手机（在我的iPhone 6，iOS 9.2上测试过）;如果按下菜单按钮，则没有任何反应。它就像我的台式机iMac上的魅力一样，带有最新版本的Firefox。我找不到任何HTML错误。

这是wordpress主题的导航栏源代码（带有bootstrap navwalker）：

      <!-- Static navbar -->
       <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <i class="fa fa-bars"></i> Menu
            </button>
          </div>
          <div id="navbar" class="navbar-collapse collapse">  
            <?php
                wp_nav_menu( array(
                    'menu'              => 'Primary Menu',
                    'theme_location'    => '360-menu',
                    'depth'             => 1,
                    'container'         => 'div',
                    'container_class'   => 'collapse navbar-collapse',
            'container_id'      => 'bs-example-navbar-collapse-1',
                    'menu_class'        => 'nav navbar-nav navbar-right',
                    'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                    'walker'            => new wp_bootstrap_navwalker())
                );
            ?>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>

Bootstrap导航栏按钮在移动设备上无法点击

0 个答案: