【问题标题】:wordpress display the navbar menu item verticallywordpress 垂直显示导航栏菜单项
【发布时间】:2017-07-04 15:12:41
【问题描述】:

这是header.php 的Y 代码,但我不明白为什么wp_nav_menu 给我一个垂直菜单。

这是我的header.php代码

<div class="navbar-wrapper">

    <nav class="navbar 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>
                </button>
                <a class="navbar-brand" href="index.html"><img src="<?php bloginfo('stylesheet_directory'); ?>/assets/img/logo.png" alt="DevtechFreelancer"></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>
    </nav>
 </div>

请帮忙:我找不到这个错误的解决方案。

【问题讨论】:

  • 看起来你的代码看起来很好每个Bootstrap Navbar example 除了一件事,container 属性是引导导航栏示例中的div
  • 谢谢艾哈迈德,如果我找到解决方案,我会直接宣布
  • Bootstrap CSS 文件也有可能没有正确加载。

标签: wordpress custom-wordpress-pages codex


【解决方案1】:

这就是解决办法

<?php
                            wp_nav_menu( array(

                                'theme_location'    => 'primary',
                                'container'         => 'ul',
                                'container_class'   => 'navbar-collapse collapse',
                                'menu_class'        => 'nav navbar-nav navbar-right'

                            )   );
                        ?>

【讨论】:

    猜你喜欢
    • 2023-03-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-21
    • 2018-10-01
    • 2020-09-03
    相关资源
    最近更新 更多