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>