Este foro ya no está activo, así que no puedes publicar nuevas preguntas ni responder a las preguntas existentes.

Cómo integrar el menú dropdown de Bootstrap 3 con CodeIgniter

11 de junio de 2014

Estimado esperando estén bien..... les cuento que acabo de empezar a desarrollar con el framework Bootstrap 3 bajo el framework CodeIgniter y bueno el dropdown no me ha funcionado. He probado con el ejemplo que está en esta página pero aún así no se despliega el menú.

Les adjunto el código. Ya no se qué pueda ser lo malo.

<head>
  <link charset="utf-8" href="<?php echo base_url();?>css/bootstrap.css" 
        media="screen" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="<?php echo base_url();?>js/bootstrap.js">
  </script>
  <script type="text/javascript" src="<?php echo base_url();?>js/bootstrap.min.js">
  </script>
</head>
 
<body>
  <div class="container">
    <div class="dropdown">
      <a href="" class="dropdown-toggle" data-toggle="dropdown">
        Dropdown  <b class="caret"></b>
      </a>
      <ul class="dropdown-menu">
        <li><a>Action 1</a></li>
        <li><a>Action 2</a></li>
        <li><a>Action 3</a></li>
      </ul>
    </div>
  </div>
</body>

Respuestas

#1

El principal error que veo es que en tu página estás incluyendo dos veces el código de Bootstrap (tanto la versión comprimida como la versión sin comprimir):

<script type="text/javascript" src="<?php echo base_url();?>js/bootstrap.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>js/bootstrap.min.js">
</script>

Así antes que nada, elimina la primera de esas dos líneas. Después, utiliza el Inspector Web de tu navegador para comprobar que efectivamente los archivos CSS y JS de Bootstrap se están cargando bien (quizás el valor devuelto por <?php echo base_url();?> sea incorrecto).

Si nada de esto funciona, utiliza de nuevo el Inspector Web del navegador y consulta la sección Consola para ver si se muetra algún mensaje de error de JavaScript relacionado con el menú de Bootstrap 3.

@javiereguiluz

11 junio 2014, 8:36
#2

Te falta cargar jQuery

@icerain09

17 noviembre 2014, 12:23