引导程序居中菜单元素

Question

我有麻烦将徽标和菜单置于md和sm视图中。

我想动画brandlogo和李的利润率菜单，以便保证金自动和位置绝对是NOGO

TransformX和col-偏移有点居中，但没有像素完美和animatin保证金时，标志和菜单不留居中。

<nav class="navbar navbar-default navbar-fixed-top container menufix"> 


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

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

Answer 1

取而代之的是：

<a class="navbar-brand" id="brand-logo" href="#"> 
    <img alt="BrandLogo" class="brandlogo" src="/wp-content/themes/kdproduction/logo.png"> 
</a> 

尝试，并把这个：

<div style="width:100%; display:flex; justify-content:center; align-items:center;"> 
    <a class="navbar-brand" id="brand-logo" href="#"> 
     <img alt="BrandLogo" class="brandlogo" src="/wp-content/themes/kdproduction/logo.png"> 
    </a> 
</div> 

让我知道它的工作。