title: Two-part Bootstrap navigation menu with logo in the center
body: <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>