title: Centering the toggle button in Bootstrap 3
body: <p>I am using the default nav-bar (changed some aspects so renamed '.navbar-custom') supplied by bootstrap 3 in my wordpress theme.</p>
  
  <p>It has the default 'toggle' in the right hand corner when screen is mobile-size. It has the '.navbar-brand'in the left.</p>
  
  <p>I want the 'toggle' to center itself when in mobile mode. I would also like the '.navbar-brand' centred aswell (it would be great if I can get the toggle to go UNDERNEATH the site logo) </p>
  
  <p>I have found examples that work in there jsfiddle but do not work for me. The only one with any visual result for me was (in media query)</p>
  
  <pre><code>.navbar-toggle {
  width: 100%;
  float: none;
  margin: 0 auto;
  }
  </code></pre>
  
  <p>but all this did was move the toggle to the left of the nav-bar. My code is the typical nag code but here it is</p>
  
  <pre><code>&lt;header&gt;    
          &lt;nav class="navbar navbar-custom row" role="navigation"&gt;   
              &lt;!-- Brand and toggle get grouped for better mobile display --&gt; 
                  &lt;div class="navbar-header"&gt; 
                      &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-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 class="navbar-brand"&gt;
                      &lt;?php if (get_theme_mod(FT_scope::tool()-&gt;optionsName . '_logo', '') != '') { ?&gt;
                          &lt;a class="mylogo" rel="home" href="&lt;?php bloginfo('siteurl');?&gt;/" title="&lt;?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?&gt;"&gt;&lt;img relWidth="&lt;?php echo intval(get_theme_mod(FT_scope::tool()-&gt;optionsName . '_maxWidth', 0)); ?&gt;"  relHeight="&lt;?php echo intval(get_theme_mod(FT_scope::tool()-&gt;optionsName . '_maxHeight', 0)); ?&gt;" id="ft_logo" src="&lt;?php echo get_theme_mod(FT_scope::tool()-&gt;optionsName . '_logo', ''); ?&gt;" alt="" /&gt;&lt;/a&gt;
                      &lt;?php } else { ?&gt;
                          &lt;h1 class="site-title logo"&gt;&lt;a id="blogname" rel="home" href="&lt;?php bloginfo('siteurl');?&gt;/" title="&lt;?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?&gt;"&gt;&lt;?php bloginfo( 'name' ); ?&gt;&lt;/a&gt;&lt;/h1&gt;
                      &lt;?php } ?&gt;
                      &lt;/div&gt;      
                  &lt;/div&gt; 
  
              &lt;!-- Collect the nav links, forms, and other content for toggling --&gt; 
                  &lt;div class="collapse navbar-collapse navbar-ex1-collapse navbar-right"&gt; 
                      &lt;?php /* Primary navigation */
                          wp_nav_menu( array(
                          'menu' =&gt; 'top_menu',
                          'depth' =&gt; 2,
                          'container' =&gt; false,
                          'menu_class' =&gt; 'nav navbar-nav',
                          //Process nav menu using our custom nav walker
                          'walker' =&gt; new wp_bootstrap_navwalker())
                          );
                      ?&gt;
                  &lt;/div&gt;
          &lt;/nav&gt;
  
       &lt;div class="row"&gt; 
           &lt;div class="col-md-12 col-xs-12"&gt;
              &lt;h1&gt;content&lt;/h1&gt;
           &lt;/div&gt;
       &lt;/div&gt;
  
     &lt;/header&gt;
  </code></pre>