这是 ul li 标签中没有包含 php 的 html 代码:
<html>
<body>
<div class="container-fluid">
<div class="row">
<div class="text-center" style="margin-top: 15px;">
<span><h2><?php bloginfo('name'); ?></h2></span>
<p><h6><?php bloginfo('description'); ?></h6></p>
</div>
<nav class="navbar navbar-default">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Lifestyle</a></li>
<li><a href="#">Adventure</a></li>
<li><a href="#">Fashion<span class="caret"></span></a></li>
<li><a href="#">Travel</a></li>
<li><a href="#">Story</a></li>
</ul>
</nav>
</div>
</body>
</html>
这是在 ul li 标签中包含 php 的 html 代码:
<html>
<body>
<div class="container-fluid">
<div class="row">
<div class="text-center" style="margin-top: 15px;">
<span><h2><?php bloginfo('name'); ?></h2></span>
<p><h6><?php bloginfo('description'); ?></h6></p>
</div>
<nav class="navbar navbar-default stroke">
<ul class="nav navbar-nav">
<?php
$args = array(
'theme_location' => 'primary',
);
?>
<li><?php wp_nav_menu($args);?></li>
</ul>
</nav>
</div>
</body>
</html>
这是导航栏图像,其工作方式如下: Working code image
这是未加载 css 类的导航栏图像: Image which is not loading css and links are different b'cause theme development function is called
最佳答案
我们将编写这段代码来向您展示导航
<?php
wp_nav_menu(array(
'theme_location' =>'primary',
'container' => 'nav',
'container_class' => 'navbar-collapse navbar',
'menu_class' => 'nav navbar-nav navbar-right'
));
?>
并删除这段代码
<nav class="navbar navbar-default stroke">
<ul class="nav navbar-nav">
<?php
$args = array(
'theme_location' => 'primary',
);
?>
<li><?php wp_nav_menu($args);?></li>
</ul>
</nav>
关于php - Bootstrap 导航栏类无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45386233/