title: How to add bootstrap menu,sub menu with custom css?
body: <p>I am developing a wordpress theme using bootsatrap my html structure is something like :</p>
  
  <pre><code>&lt;div class="collapse navbar-collapse inner_collapse" id="bs-example-navbar-collapse-1"&gt;
    &lt;ul class="nav navbar-nav inner"&gt;
        &lt;li&gt;&lt;a href="brushes.html"&gt;BRUSHES&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="body.html"&gt;BODY&lt;/a&gt;&lt;/li&gt;
        &lt;li class="dropdown"&gt;
            &lt;a href="blades.html" class="dropdown-toggle"&gt;BLADES&lt;/a&gt;
            &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Men&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Woman&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;a href="beauty.html"&gt;BEAUTY&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="baby.html"&gt;BABY&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="pet.html"&gt;PET&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  
  
  &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt;
  </code></pre>
  
  <p>To integrate it in wordpress menu I used the code : </p>
  
  <pre><code>wp_nav_menu(array('theme_location' =&gt; 'navi', 'container' =&gt; 'false','menu_class' =&gt; 'nav navbar-nav inner', 'menu_id' =&gt; 'nav', 'echo' =&gt; 'true', 'fallback_cb' =&gt; 'themezee_default_menu', 'before' =&gt; '', 'after' =&gt; '', 'link_before' =&gt; '', 'link_after' =&gt; '', 'depth' =&gt; 0));
  </code></pre>
  
  <p>My problem is I want to add submenu and submenu related class like :</p>
  
  <pre><code>&lt;li class="dropdown"&gt;
     &lt;a href="blades.html" class="dropdown-toggle"&gt;BLADES&lt;/a&gt;
     &lt;ul class="dropdown-menu"&gt;
       &lt;li&gt;&lt;a href="#"&gt;Men&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href="#"&gt;Woman&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>My code is generating the code below :</p>
  
  <pre><code>&lt;div class="collapse navbar-collapse inner_collapse" id="bs-example-navbar-collapse-1"&gt;
     &lt;ul id="menu-main-menu" class="nav navbar-nav inner"&gt;
                                        &lt;li id="menu-item-46" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"&gt;&lt;a title="Brushes" href="http://localhost/bassWorking/brushes/"&gt;Brushes&lt;/a&gt;&lt;/li&gt;
                                        &lt;li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"&gt;&lt;a title="Body" href="http://localhost/bassWorking/body/"&gt;Body&lt;/a&gt;&lt;/li&gt;
                                        &lt;li id="menu-item-43" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-29 current_page_item menu-item-has-children menu-item-43 dropdown active"&gt;&lt;a title="Blades" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true"&gt;Blades &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                                              &lt;ul role="menu" class=" dropdown-menu"&gt;
                                                  &lt;li id="menu-item-342" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-342"&gt;&lt;a title="Men" href="#"&gt;Men&lt;/a&gt;&lt;/li&gt;
                                                  &lt;li id="menu-item-343" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-343"&gt;&lt;a title="Women" href="#"&gt;Women&lt;/a&gt;&lt;/li&gt;
                                              &lt;/ul&gt;
                                        &lt;/li&gt;
                              &lt;li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"&gt;&lt;a title="Beauty" href="http://localhost/bassWorking/beauty/"&gt;Beauty&lt;/a&gt;&lt;/li&gt;
                              &lt;li id="menu-item-40" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40"&gt;&lt;a title="Baby" href="http://localhost/bassWorking/baby/"&gt;Baby&lt;/a&gt;&lt;/li&gt;
                              &lt;li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41"&gt;&lt;a title="Pet" href="http://localhost/bassWorking/pet/"&gt;Pet&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;                                      
  &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt;
  </code></pre>
  
  <p>Any idea?</p>