javascript - Bootstrap 下拉菜单已在移动分辨率上打开

Question

我在网站上使用引导程序，并且导航是引导程序响应导航栏。它正确折叠，但是当我单击按钮打开它时，下拉菜单已经打开。

如果我点击它们，它们就不会关闭，或者这样。

这是导航的代码：

<div class="navbar-inner" id="navigradi">
    <div class="container">
    <a class="brand pull-right navbar-text" href="<?php echo home_url(); ?>/">
     <img src="http://materia.hurttiajahuumoria.fi/hh-logo-smaller.png" alt="Hurttia & Huumoria"  class="hidden-phone hidden-tablet"/>       
     <span class="hidden-desktop">Hurttia & Huumoria</span>   
      </a>

      <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>
    <nav class="nav-main nav-collapse collapse" role="navigation">
        <?php
          if (has_nav_menu('primary_navigation')) :
            wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => 'nav'));
          endif;
        ?>
      </nav>  
    </div> 
  </div>

Answer 1

这看起来像是 Bootstrap v2.1.1 中的一个错误。

我将您网站的 CSS 与我自己的 CSS 进行了比较，发现与之相关的 CSS<ul class="dropdown-menu">具有display: block;. 2.1.1 的 CSS 是：

@media (max-width: 979px)
.nav-collapse .dropdown-menu {
position: static;
top: auto;
left: auto;
display: none;
float: none;
max-width: none;
padding: 0;
margin: 0 15px;
background-color: transparent;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

但是，我使用的是 2.3.0，并且dropdown-menu该类的 CSSdisplay: none;如下所示：

@media (max-width: 979px)
.nav-collapse .dropdown-menu {
position: static;
top: auto;
left: auto;
display: none;
float: none;
max-width: none;
padding: 0;
margin: 0 15px;
background-color: transparent;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

你可以做几件事。覆盖 Bootstrap CSS 并display: none;为这个特定的@media (max-width: 979px)查询设置，就像在 v2.3.0 中所做的那样。或者您可以简单地尝试将整个 Bootstrap 版本更新到最新版本。这就是我首先要尝试的。

让我知道你的决定。对结果感兴趣。