Buenas a todos,
Estoy creando un menú con Bootstrap CSS y al añadir los Dropdowns o submenus, el mismo no se despliega. No encuentro forma de hacer que se despliegue.
¿Alguna idea?
Muchas gracias de antemano.
Código CSS:
Ver original<!-- Bootstrap core CSS -->
<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/bootstrap-theme.min.css" rel="stylesheet">
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/bootstrap-theme.css" rel="stylesheet">
<!-- Custom styles for Intranet -->
<link href="/css/ivaoeventos.css" rel="stylesheet">
<link href="/css/container.css" rel="stylesheet">
<!-- JS -->
<script type="text/javascript" src="/js/bootstrap.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<ul class="nav nav-tabs">
<li class
="active" role
="presentation"><a href
="/index.php">Inicio</a
></li
>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">Administración <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li
><a href
="#">Admin HQ</a
></li
> <li
><a href
="#">Admin Intranet</a
></li
> </ul>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Departamentos <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li
><a href
="#"><strong
>Eventos</strong
></a
></li
> <li class="divider"></li>
<li
><a href
="#">Herramientas</a
></li
> <li
><a href
="#">Procedimientos</a
></li
> <li
><a href
="#">Branding</a
></li
> <li
><a href
="#">Imagen Corporativa</a
></li
> </ul>
<li role
="presentation"><a href
="/division.php">División</a
></li
>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Eventos <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li
><a href
="#">Calendario</a
></li
> <li
><a href
="#">Listado</a
></li
> <li
><a href
="#">Añadir</a
></li
> </ul>
<li role
="presentation"><a href
="#">Tareas</a
></li
> <li role
="presentation"><a href
="#">Blog</a
></li
>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Reportes <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li
><a href
="#">MODA</a
></li
> <li
><a href
="#">Seguimiento</a
></li
> </ul>
</ul>