title: How to add bootstrap dropdown to wordpress
body: <p>I have designed a website using bootstrap framework, and now I am converting it to a wordpress website, the challenge to me is to make dropdown of navigations to appear as designed. I am able to get menus dynamically from wordpress, but I am not to get the dropdowns dynamically as per css style.</p>
  
  <p>Here is my HTML code</p>
  
  <pre><code>&lt;ul class="nav nav-justified menu_bac"&gt;
  &lt;li class="active"&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="company.html"&gt;Company&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"&gt;
        Products &lt;span class="caret"&gt;&lt;/span&gt;
      &lt;/a&gt;
      &lt;ul class="dropdown-menu" role="menu"&gt;
        &lt;li role="presentation" class="dropdown-submenu"&gt;&lt;a&gt;Grandstream&lt;/a&gt;
  
        &lt;ul class="dropdown-menu"&gt;
        &lt;li role="presentation" class="dropdown-submenu"&gt;&lt;a&gt;IP-Multimedia &lt;br/&gt;Video Telephony&lt;/a&gt;
        &lt;ul class="dropdown-menu"&gt;
        &lt;li&gt;&lt;a href="gxv3275ipmultimedia phone.html"&gt;GXV3275 IP &lt;br/&gt;Multimedia phone&lt;/a&gt;&lt;/li&gt;
        &lt;li class="divider"&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="gxv3240multimediaipphone.html"&gt;GXV3240 IP &lt;br/&gt;Multimedia phone&lt;/a&gt;&lt;/li&gt;
  
  
        &lt;/ul&gt;
        &lt;/li&gt;
  </code></pre>
  
  <p></p>
  
  <p>Here is code which i have used to get menus dynamically</p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"&gt;
  &lt;?php wp_nav_menu(array('menu_class' =&gt; 'nav nav-justified','container_class' =&gt; 'menu_bac')); ?&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Would be great help if anybody can guide me to get dropdowns dynamically as per design?</p>