I'm trying to add a dropdown menu inside another one using Bootstrap but selecting the second one closes the menu directly.
Template
<li><a href="" id="dropdownMenuConfiguacion" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Configuracion <span class="caret"></span></a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuConfiguracion">
<ul class="nav navbar-nav">
<li><a href="" id="dropdownMenuUsuarios" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Usuarios <span class="caret"></span></a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuUsuarios">
<ul class="nav navbar-nav">
<li><a href="{% url 'usuarios' %}" title="Gestión de Usuarios">Todos</a></li>
<li><a href="{% url 'usuarios' %}" title="Gestión de Usuarios">Solicitudes boutique</a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
[TwitterBootstrap v3]
To create an n-level dropdown with
Twitter Bootstrap v3
,CSS:
JQuery:
HTML:
The result would be the following:
Maybe it helps you, Greetings.
CSS:
HTML:
RESULT: