我正在使用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 -->
引導'摺疊崩潰', 'menu_class'=>'nav navbar-nav navbar-right',你必須使用bootstrap中可用的類。 – maulik
嗨maulik,我使用可用的類nav navbar-nav。這不會工作? – ziaullahzia