menu dropdown con bootstrap

xmandbz · #1 (**permalink**) 20/03/2013, 09:49

Hola Nuevamente

Estoy probando Bootstrap para usarlo en mis diseños y me sorprende gratamente algunas cosas que se pueden realizar de manera mas rapida. Pero aun no logro completar la implementacion de un menu tipo dropdown, simplemente no consigo que el menu tenga ese comportamiento.Comparto el codigo que tengo para que me digan que le falta o que le sobra. Gracias

Código HTML:

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="css/bootstrap.css" media="all">
	<link rel="stylesheet" href="css/bootstrap-responsive.css" media="all">
	<link rel="stylesheet" href="css/estiloGeneral.css" media="all">
	<script type="text/javascript" src="js/jquery-1.7.1.min"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<script type="text/javascript">

		$(document).ready(function(){
			$('.dropdown-toggle').dropdown();
		})
	</script>
</head>
<body>
    <ul class="nav nav-pills">
		<li class="active" style="width:150px"><a href="#">Home</a></li>
		<li class="dropdown">
			<a class="dropdown-toggle"
			data-toggle="dropdown"
			href="#">
			Principal
			<b class="caret"></b>
			</a>
			<ul class="dropdown-menu">
				<li>Opcion 1</li>
				<li>Opcion 2</li>
				<li>Opcion 3</li>
			</ul>
		</li>
    </ul>
</body>
</html>

xmandbz · #2 (**permalink**) 20/03/2013, 10:05

Ya resolvi el tema... tenia un error de sintaxis al momento de cargar Jquery
por eso que no funcionaba adecuadamente...

lo tenia asi (en el archivo jquery le faltaba la extension js)

Código HTML:

<script type="text/javascript" src="js/jquery-1.7.1.min"></script>

y debe estar asi con la extension incluida

Código HTML:

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

Gracias a todos y voy a seguir probando bootstrap que a primera vista me impresiona.

Saludos