Bootstrap导航栏没有样式

时间:2018-03-23 21:02:36

标签: css wordpress twitter-bootstrap

所以我一直在我的WordPress主题上编写一个引导程序导航栏,它根本就没有样式。截图如下。

enter image description here

这是我的代码:

<nav class="navbar navbar-default navbar-digital fixed-top" role="navigation">
    <?php
        wp_nav_menu(array(
            'theme_location' => 'primary',
            'container' => false,
            'menu_class' => 'nav navbar-nav navbar-left'
        ));
    ?>
</nav>

我的bootstrap.min.css位于我的网站css的头部,所以让我把它弄清楚。源代码:

<div class="nav-container">
    <nav class="navbar navbar-default navbar-digital fixed-top" role="navigation">
        <ul id="menu-header-menu" class="nav navbar-nav navbar-left">
            <li id="menu-item-6" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-6"><a href="http://localhost/punky/">Home</a></li>
            <li id="menu-item-7" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7"><a href="http://localhost/punky/sample-page/">Sample Page</a></li>
        </ul>                       
    </nav>
</div>

2 个答案:

答案 0 :(得分:0)

您已将'theme_location'设为primary。您是否检查过您的菜单位置是否相同:

Menu Settings

答案 1 :(得分:0)

您能否看到开发工具中的源代码是否正在加载引导程序文件?检查您是否也选择了菜单的位置。