Two-part Bootstrap navigation menu with logo in the center
<p>I am making a dynamic wordpress links in navigation bar using nav_walker. How can i implement center something like this in wordpress nav_walker:</p>

<pre><code>+-----------------------------+-----------+------------------------------+
+---------------HOME--ABOUT---|-LOGO HERE-|---CONTACT--PROFILE-----------+
+-----------------------------+-----------+------------------------------+
</code></pre>

<p>How can i do that or something provide me jsfiddle to come up with that please.
Is it two nav_walker function for left and right navigation? how can i insert the navbar brand in center? can anyone give me structure. thanks.</p>

<p>my code:</p>

<pre><code>&lt;nav class="navbar navbar-inverse navbar-fixed-top"&gt;
    &lt;div class="navbar-header"&gt;
        &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
            &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
        &lt;/button&gt;
    &lt;/div&gt;

    &lt;div class="navbar-brand navbar-center"&gt;

    &lt;/div&gt;

    &lt;?php wp_nav_menu(array(
        'menu'           =&gt; 'primary-1',
        'theme_location' =&gt; 'primary-1',
        'depth'          =&gt; 2,
        'container'      =&gt; 'div',
        'container_class'   =&gt; 'collapse navbar-collapse navbar-center',
        'container_id'      =&gt; 'bs-example-navbar-collapse-1',
        'menu_class'        =&gt; 'nav navbar-nav',
        'fallback_cb'       =&gt; 'wp_bootstrap_navwalker::fallback',
        'walker'            =&gt; new wp_bootstrap_navwalker()
        )); 
    ?&gt;
&lt;/nav&gt;
</code></pre>