Foros del Web » Creando para Internet » CSS »

Problema Bootstrap DropDown

Estas en el tema de Problema Bootstrap DropDown en el foro de CSS en Foros del Web. Hola buenos días Estoy intentando familiarizarme con Bootstrap pero no consigo saber por qué no funciona un DropDown normal y corriente. Es decir, en la ...
  #1 (permalink)  
Antiguo 09/12/2015, 10:51
 
Fecha de Ingreso: junio-2014
Mensajes: 50
Antigüedad: 9 años, 9 meses
Puntos: 1
Problema Bootstrap DropDown

Hola buenos días

Estoy intentando familiarizarme con Bootstrap pero no consigo saber por qué no funciona un DropDown normal y corriente. Es decir, en la página oficial de Bootstrap el DropDown funciona, pero cuando lo implemento en una página de mi proyecto, no funciona. El código en cuestión es este:

<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Action <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>


Muchisimas gracias de antemano! =)
  #2 (permalink)  
Antiguo 09/12/2015, 14:29
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 4 meses
Puntos: 91
Respuesta: Problema Bootstrap DropDown

Estas Seguro de haber puesto las Librerias Correspondientes para que Funcione el Dropdown?

Ahi te dejo una Demo(Recuerda que se ocupan las Librerías de Jquery y Bootstrap):
http://jsfiddle.net/AngelKrak/bv9t2ngu/
  #3 (permalink)  
Antiguo 26/12/2015, 06:45
Avatar de rodrypaladin
Moderador
 
Fecha de Ingreso: abril-2010
Ubicación: Madrid
Mensajes: 2.127
Antigüedad: 14 años
Puntos: 468
Respuesta: Problema Bootstrap DropDown

Esto me pasó a mi hace poco, tienes que poner tu código de llamada a jquery antes del código que te ofrece bootstrap por CDN

Si lo tienes de esta manera...
Código HTML:
Ver original
  1. <!-- Latest compiled and minified JavaScript -->
  2. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
  3. <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

Cambialo justo al contrario, de esta manera.
Código HTML:
Ver original
  1. <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
  2. <!-- Latest compiled and minified JavaScript -->
  3. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
__________________
No te olvides de dar +1 a quien te echa un cable ;)

Etiquetas: bootstrap, dropdown
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:45.