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 检索导航项目,唯一的问题是没有样式......

4

1 回答 1

0

Bootstrap 和 Wordpress 菜单不能开箱即用。为了整合两者,我建议使用wp-bootstrap-navwalkerhttps ://github.com/twittem/wp-bootstrap-navwalker

于 2013-09-14T14:01:58.117 回答