Hi, I'm having a problem with setting up a menu in Wordpress, that problem is with the theme of the styles, the menu has a dropdown dropdown and dropdown-toggle that displays a list and I do not know how to associate those classes so that I took it wordpress and could put together the contents of the menu from the back-end.
I have attached that code that implements both the wordpress and the html in bootstrap.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<ul id="nav" class="nav navbar-nav ">
<li class="active"><a href="">Home</a></li>
<li><a href="">Quienes Somos</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle a" data-toggle="dropdown">Productos <i class="icon-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="">Vero Software</a></li>
<li><a href="">Solidworks</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Servicios <i class="icon-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="">Capacitacion</a></li>
<li><a href="">Soporte</a></li>
<li><a href="">Y Otro</a></li>
</ul>
</li>
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown">Noticias <i class="icon-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="">Home Blog</a></li>
<li><a href="">Single Post</a></li>
</ul>
</li>
<li><a href="">Contacto</a></li>
</ul>
<!-- CODIGO QUE IMPLEMENTE PARA WORDPRESS -->
<?php
$defaults = array(
'theme_location' => 'principal-menu',
'container' => '',
'menu_class' => 'nav navbar-nav pull-right',
'menu_id' => 'nav'
);
wp_nav_menu( $defaults );
?>