Question

我使用了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检索导航项目，唯一的问题是没有风格......

Answer 1

Bootstrap和Wordpress菜单无法一起使用。为了整合这两者，我建议使用 wp-bootstrap-navwalker ：https://github.com/twittem/wp-bootstrap-navwalker

为什么wordpress上的导航栏风格不适用？

1 个答案: