Hola amigas/os, a ver si alguien puede ayudarme con esto.
Tengo un menu desplegable en la que cada opcion tiene a su vez otro menu desplegable.
El problema es:
Cuando despliego el primer menu y aparecen sus opciones, al ponerme sobre ellas
aparecen al lado sus sub-opciones, pero no puedo poner el cursor en dichas sub-opciones por que me desaparecen.
Si alguien pudiera ayudarme con ello le estaria muy agradecido.
Este es el codigo:
Código bootstrap:
Ver original<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Servicios<b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="dropdown-submenu">
<a class="test" tabindex="-1" href="#"> Rotulos <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a tabindex="-1" href="#">Subtítulo 1</a></li>
<li><a tabindex="-1" href="#">Subtítulo 2</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->