首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Wordpress菜单hickup

Wordpress菜单hickup
EN

Stack Overflow用户
提问于 2018-10-12 00:42:56
回答 1查看 28关注 0票数 0

目前,我正在将HTML转换为Wordpress。无论我怎么尝试,我似乎都不能让我的菜单在Wordpress中和在HTML中看起来一样。CSS是正确的(已分配故障排除以将其根治)。这是HTML:

代码语言:javascript
复制
<div class="navbar-wrapper">
  <div class="navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only"> Toggle navigation </span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="/"><img src="assets/img/Logo%20BY.png" alt="Logo" height="75" width="75"></a>
      </div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
          <li class="active"><a href="/">Home</a></li>
          <li><a href="onzediensten.html">Onze diensten</a></li>
          <li><a href="blog.html">Blog</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

这是我正在尝试实现的Wordpress方式:

代码语言:javascript
复制
<div class="navbar-wrapper">
  <div class="navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only"> Toggle navigation </span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="/">
          <img src="<?php bloginfo('stylesheet_directory'); ?>/assets/img/Logo%20BY.png" alt="Logo" height="75" width="75">
        </a>
      </div>
      <?php
        wp_nav_menu( array(
          'theme_location'  => 'primary',
          'container'       => 'nav',
          'container_class' => 'navbar-collapse collapse',
          'menu_class'      => 'nav navbar-nav navbar-right'
        )); 
      ?>
    </div>
  </div>
</div>

提前感谢您的帮助!

EN

回答 1

Stack Overflow用户

发布于 2018-10-12 03:45:37

我怀疑您缺少容器div。右键单击并检查格式错误的菜单,查看(容器) div是否在那里

代码语言:javascript
复制
<div class="navbar-collapse collapse">

你有

代码语言:javascript
复制
'container'       => 'nav'

应该是

代码语言:javascript
复制
'container'       => 'div'
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52765117

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档