Bootstrap导航栏无法正常工作与wordpress

• Z时代
• 2024-01-10
• 分类：问答

我正在使用Bootstrap的WordPress自定义主题4.我检查了所有的连接，即引导CSS和js连接。另一个引导代码，如果我将它添加到主题工作正常。Bootstrap导航栏无法正常工作与wordpress

问题出在导航。导航无法正确显示。 如果你看看上面的图像，它显示的导航不是正确的设计。

我使用的是给出

<header class="site-header" role="banner"> 
     <div class="navbar-wrapper"> 
      <div 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> 
         <?php if (get_theme_mod('theme_wordpress_logo')): ?> 
         <a href="<?php echo esc_url(home_url('/')); ?>"> 
          <img src="<?php echo esc_attr(get_theme_mod('theme_wordpress_logo')); ?>" alt="<?php echo esc_attr(get_bloginfo('name')); ?>"> 
         </a> 
        <?php else : ?> 
         <a class="site-title" href="<?php echo esc_url(home_url('/')); ?>"><?php esc_url(bloginfo('name')); ?></a> 
        <?php endif; ?> 
        </div> <!-- navbar-header --> 
        <div class="navbar-collapse collapse"> 
        <?php 
         wp_nav_menu(array(
          'theme_location' => 'primary', 
          'container'  => 'nav', 
          'container_class' => 'navbar-collapse collapse', 
          'menu_class'  => 'nav navbar-nav navbar-right', 
          'fallback_cb'  => 'wp_bootstrap_navwalker::fallback', 
          'walker'   => new wp_bootstrap_navwalker() 
         )); 
        ?> 
        </div><!-- navbar-collapse --> 
       </div> 
      </div> 
     </div><!-- navbar-wrapper --> 
    </header><!-- Header --> 

回答：

<nav class="navbar navbar-topbar navbar-expand-xl navbar-dark bg-primary"> 
    <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#collapsingNavbar"> 
     &#9776; 
    </button> 
    <div class="collapse navbar-toggleable-xs" id="collapsingNavbar"> 
     <a class="navbar-brand" href="<?php echo home_url('/'); ?>"><?php bloginfo('name'); ?></a> 
     <?php 
      wp_nav_menu(array(
      'theme_location' => 'primary', 
      'container'  => false, 
      'menu_class'  => 'nav navbar-nav', 
      'fallback_cb' => 'wp_bootstrap_navwalker::fallback', 
      'items_wrap'  => '<ul id="%1$s" class="%2$s">%3$s</ul>', 
      'depth'   => 2, 
      'walker'   => new wp_bootstrap_navwalker() 
     )); 
     ?> 
     <?php get_template_part('navbar-search'); ?> 
    </div> 
    </nav> 

以上是 Bootstrap导航栏无法正常工作与wordpress 的全部内容， 来源链接： utcz.com/qa/265609.html