I use it this way. I have never encountered any problems.
Bootstrap 3.x Navigation with dropdown for wordpress.
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand visible-xs" href="#">MENU</a>
</div>
<div class="collapse navbar-collapse" id="bs-navbar-collapse">
<?php
wp_nav_menu( array(
'theme_location' => 'primary',
'depth' => 2,
'container' => '',
'menu_class' => 'nav navbar-nav',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
);
?>
<ul class="nav navbar-nav navbar-right">
<?php if ( is_user_logged_in() ) { ?>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-user-plus" aria-hidden="true"></i> HESABIM <span class="caret"></span></a>
<ul class="dropdown-menu">
<?php foreach ( wc_get_account_menu_items() as $endpoint => $label ) : ?>
<li><a href="<?php echo esc_url( wc_get_account_endpoint_url( $endpoint ) ); ?>"><?php echo esc_html( $label ); ?></a></li>
<?php endforeach; ?>
</ul>
</li>
<?php } else { ?>
<li><a href="<?php echo get_permalink( get_option('woocommerce_myaccount_page_id') ); ?>" title="Üye Ol / Giriş Yap">Üye Ol / Giriş Yap</a></li>
<?php } ?>
</ul>
</div>
Navigation Only;
<div class="collapse navbar-collapse" id="bs-navbar-collapse">
<?php
wp_nav_menu( array(
'theme_location' => 'primary',
'depth' => 2,
'container' => '',
'menu_class' => 'nav navbar-nav',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
);
?>
</div>