Bootstrap centering menu element
<p>I have troubles centering the logo and menu in the md and sm view.</p>

<p>I want to animate margin of brandlogo and li in menu so margin auto and position absolute is nogo</p>

<p>TransformX and col-offset is kinda centering but not pixel perfect and when animatin margin the logo and menu do not stay centered.</p>

<pre><code>&lt;nav class="navbar navbar-default navbar-fixed-top container menufix"&gt;


                &lt;div class="row row-eq-height" id="rowmenu"&gt;
                    &lt;div class="row row-eq-height-resp"&gt;
    &lt;!-- Brand Logo --&gt; 
                        &lt;div class="col-xs-10 col-sm-12 col-md-12 col-lg-12"&gt;
                            &lt;a class="navbar-brand" id="brand-logo" href="#"&gt;
                                &lt;img alt="BrandLogo" class="brandlogo" src="/wp-content/themes/kdproduction/logo.png"&gt;
                            &lt;/a&gt;
                        &lt;/div&gt;
    &lt;!-- Brand and toggle - mobile display --&gt;
                        &lt;div class="col-xs-2 hidden-lg hidden-md hidden-sm"&gt;
                            &lt;button type="button" class="btn-resp-style" data-toggle="collapse" data-target=".navbar-collapse"&gt;SVG&lt;/button&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;

&lt;!-- Main Top nav --&gt;
                    &lt;div class="col-xs-12 col-sm-12 col-md-12 col-lg-8" &gt;
                        &lt;div class="navbar-collapse collapse"&gt;
                                &lt;?php wp_nav_menu( array( 
                                    'theme_location' =&gt; 'primary',
                                    'container' =&gt; false,
                                    'menu_id' =&gt; 'kdnavmenulista',
                                    'menu_class' =&gt; 'nav navbar-nav navbar-header kdnavmenulista'
                                        )); 
                                ?&gt;
                        &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
        &lt;/nav&gt;&lt;!-- /.container --&gt;
</code></pre>