title: Adact wordpress menu to bootstrap
body: <p>I want my menu to stay that way.</p>
  
  <pre><code>&lt;ul class="navbar-nav ml-auto"&gt;
    &lt;li class="nav-item active"&gt;
      &lt;a class="nav-link" href="#"&gt;Inicio
        &lt;span class="sr-only"&gt;(current)&lt;/span&gt;
      &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="nav-item"&gt;
      &lt;a class="nav-link" href="#"&gt;Nosotros&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="nav-item"&gt;
      &lt;a class="nav-link" href="#"&gt;Contactanos&lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I try to do it as follows</p>
  
  <pre><code>&lt;ul class="navbar-nav ml-auto"&gt;
    &lt;?php 
      wp_nav_menu([
        'container'      =&gt; false,
        'items_wrap'     =&gt; '%3$s',
        'theme_location' =&gt; 'menu_top'               
      ]);
    ?&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>on file <code>functions.php</code></p>
  
  <pre><code>&lt;?php 
  
  register_nav_menus([
     'menu_top' =&gt; 'Menu superior'
  ]);
  
  ?&gt;
  </code></pre>
  
  <p>but what I achieve with this is to get the following</p>
  
  <pre><code>&lt;ul class="navbar-nav ml-auto"&gt;
      &lt;li id="menu-item-4" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4"&gt;&lt;a href="#"&gt;inicio&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>as I do to place the classes I want, and as I do to specify that an option is <code>active</code>. I'm using bootstrap 4.</p>