0

サイトでブートストラップを使用していますが、ナビゲーションはブートストラップ対応のナビゲーション バーです。適切に折りたたまれますが、ボタンをクリックして開くと、ドロップダウンが既に開いています。

このような。

タップしても閉じません。

ナビのコードは次のとおりです。

<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>
4

1 に答える 1

0

これは、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クラスの CSS は次のようになってdisplay: 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 をオーバーライドし、v2.3.0 で行われているようにdisplay: none;、この特定のクエリに設定します。@media (max-width: 979px)または、Bootstrap のバージョン全体を最新のものに更新してみてください。それが私が最初に試すことです。

あなたが決めたことを私に知らせてください。結果に興味があります。

于 2013-07-04T23:08:42.650 に答える