【问题标题】:why the style of navigation bar on wordpress wont apply?为什么 wordpress 上的导航栏样式不适用?
【发布时间】:2013-09-14 12:05:12
【问题描述】:

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

【问题讨论】:

    标签: html css wordpress twitter-bootstrap navigationbar


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-02-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多