Dropdown Bootstrap CSS

[vargas_jimenez]

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:

<!-- 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>
 

[vargas_jimenez]

He modificado el script js, pensando que podía ser algo de js o jquery, pero parece ser que no.

¿Alguna idea?

Gracias de antemano.

[AngelKrak]

fijate que tienes las Librerias de Bootstrap Bien y Correctas

si estan bien, prueba a poner este codigo ;)

$("a").attr("aria-expanded","true");

sacado de aki:
http://stackoverflow.com/questions/2...-a-dom-element

o este ootro ejemplo:
http://jsfiddle.net/mariusc23/hts7F/