¿Por qué este ejemplo de arranque no funciona?

Estoy probando el ejemplo en la documentación de Bootstrap, pero parece que no funciona. Acabo de obtener HTML simple. Este es mi código:¿Por qué este ejemplo de arranque no funciona?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<link rel="stylesheet" href="bootstrap.css" type="text/css"> 
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script> 

$('.dropdown-toggle').dropdown(); 


</script> 
<title>Dropdown</title> 
</head> 

<ul class="nav nav-pills"> 
    <li class="active"><a href="#">Regular link</a></li> 
    <li class="dropdown" id="menu1"> 
    <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1"> 
     Dropdown 
     <b class="caret"></b> 
    </a> 
    <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 class="divider"></li> 
     <li><a href="#">Separated link</a></li> 
    </ul> 
    </li> 
    ... 
</ul> 

</body> 
</html>

¿Alguien ha visto el problema? Gracias.

Fuente

2012-05-26 Loolooii

¿Comprobó si su bootstrap.css está allí para empezar? –

Sí, estoy usando Dreamweaver y puedo ver si hay algún problema para vincular un determinado archivo. Y no hay ninguno. – Loolooii

El orden de js es incorrecto, publicó una respuesta a continuación. Jquery primero> complementos de arranque en segundo lugar, ni siquiera necesita la llamada desplegable cuando los complementos están configurados correctamente. –

veo dos problemas con su margen de beneficio.

Primero, está incluyendo el complemento bootstrap "antes" del plugin jquery. Jquery primero, complementos de arranque en segundo lugar.

En segundo lugar, usted está utilizando un DOCTYPE que no es compatible con el sistema de arranque, hay que usar DOCTYPE HTML 5:

<!DOCTYPE html>

Fuente

2012-05-26 13:10:03

¿Puede proporcionar información sobre dónde dice que Bootstrap solo funciona con HTML 5? –

@JonathanWood está justo en la página de documentación: http://getbootstrap.com/2.3.2/scaffolding.html –

Lo veo. Gracias. –

-3

demostración de trabajo ~~http://jsfiddle.net/jyy96/2/ o http://jsfiddle.net/jyy96/2/show o http://jsfiddle.net/jyy96/~~

EDITAR noveno de julio de el año 2015 - fijo aquí: http://jsfiddle.net/jyy96/792/ o http://jsfiddle.net/jyy96/792/show/

========== ==========================

Parece que bootstrapcdn es la opción popular, pero para aquellos que quieran usar cdnjs.com, tienen "todos los archivos" y los mantienen actualizados (versión 2.0.0 a 2.1.1).

http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap.css 
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap.min.css 
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap-responsive.css 
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap-responsive.min.css 
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/bootstrap.js 
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/bootstrap.min.js 
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/img/glyphicons-halflings-white.png 
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/img/glyphicons-halflings.png

========================================= =

Espero que esta ayuda.

guión código

<script type="text/javascript" src="/js/lib/bootstrap-2.0.2.js"></script> 


    <link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">

Jquery

$('.dropdown-toggle').dropdown();

[1] https://github.com/twbs/bootstrap/issues/1679

Fuente

2012-05-26 13:08:20

Ninguna de estas demostraciones ahora funciona – JackalopeZero

@JackalopeZero gracias bruv ':))': Corregido: http://jsfiddle.net/jyy96/792/ también vea la publicación actualizada más arriba. –

-1

no veo su <body> etiqueta de apertura

Fuente

2014-02-24 22:30:26

creo jquery.js debe importarse antes del archivo javascript bootstrap

Fuente

2014-03-26 12:20:45 Ulises

¿Por qué este ejemplo de arranque no funciona?

Respuesta

Cuestiones relacionadas