Question

我在我的WordPress主题中使用bootstrap。但导航菜单样式显示不正确。 Bootstrap排队很好。这是输出菜单的代码

<div class="nav-container">
     <nav class="navbar navbar-default">
          <?php
             wp_nav_menu( array(
                'menu'    =>    'primary',
                 'menu_class' => 'nav navbar-nav',
                  'container' =>    '<ul>'
                   ) );
                   ?>
               </nav>
      </div>

代码输出

 <nav class="navbar navbar-default">
 <ul class="nav navbar-nav">
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
</ul>

但导航链接显示时没有自举导航样式。 check screenshot

Answer 1

我会高度建议使用-X www.xyz.com/customerid/123/ -H 'Accept: application/json profile="customer.1.json"' -D 'abc.json'专门用于Bootstrap。

检查this。

用法是这样的，但请使用上面的链接检查他们易于理解的文档。

-X www.xyz.com/customerid/123/ -H 'Accept: application/json profile="customer.2.json"' -D 'abcd.json'

Answer 2

根据引导程序更改您的nav结构：

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<nav class="navbar navbar-default">
<div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>            
          </div>
<div id="navbar" class="navbar-collapse collapse">
 <ul class="nav navbar-nav">
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
</ul>
</div>
</nav>

＆＃13;

您也可以在Fiddle

上找到此信息

Bootstrap导航菜单在WordPress中不起作用

2 个答案: