0

Bootstrap のレスポンシブ ナビゲーション バーを使用しました。

       <div class="navbar">
        <div class="navbar-inner">
          <div class="container">

            <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
            <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>

            <!-- Everything you want hidden at 940px or less, place within here -->
            <div class="nav-collapse collapse">
              <!-- .nav, .navbar-search, .navbar-form, etc -->
              <ul class="nav">
                <li><a href="#">Item 1</a></li>
                <li><a class="dropdown-toggle" data-toggle="dropdown" href="#">Item 2</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Sub Item 1</a></li>
                        <li><a href="#">Sub Item 2</a></li>
                    </ul>
                </li>
                <li><a href="#">Item 3</a></li>
                <li><a href="#">Item 4</a></li>
              </ul>
            </div>

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

しかし、このwordpress php関数を追加すると:

<?php wp_nav_menu(array('menu' => 'Main Menu')); ?>

ナビゲーション項目を動的にプルするすべての「li」タグの代わりに、ナビゲーション バーのスタイルが消えます。このphpを「li」タグなどを含む単純な「nav」タグに入れると機能しますが、このhtmlでは機能しません...この問題を解決するにはどうすればよいですか? ナビゲーションをレスポンシブにしたいのですが、ブートストラップ コードを間違って使用したのでしょうか? 更新を助けてください：すべてが機能することを覚えておいてください。つまり、phpはnavsアイテムを取得します。唯一の問題は、スタイルがないことです...

4

1 に答える 1

0

Bootstrap と Wordpress のメニューはそのままでは連携しません。2 つを統合するには、wp-bootstrap-navwalkerを使用することをお勧めします: https://github.com/twittem/wp-bootstrap-navwalker

于 2013-09-14T14:01:58.117 に答える