Novata. Dropdown no funciona

gbpili · #1 (**permalink**) 04/06/2015, 12:26

Hola a todos, espero que me puedan ayudar.
Soy novata en esto y al utilizar el ejemplo que viene en la página de Bootstrap para realizar un dropdown no me funciona. No se si hago algo mal o me falta algo....
He copiado el ejemplo en un proyecto que estoy haciendo y nada....

Muchas gracias a todos y un saludo

pzin · #2 (**permalink**) 04/06/2015, 14:09

No podemos ayudarte sin código.

Así sin ver nada, solo se me ocurre que no hayas incluido en el documentos los archivos JavaScript de Bootstrap.

gbpili · #3 (**permalink**) 09/06/2015, 01:46

Hola, siento no haber respondido antes. El código es el siguiente, es muy básico:

<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">Sobre nosotros</a></li>
<li><a href="#contact">Contacto</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Actividades <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Treking</a></li>
<li><a href="#">Tour</a></li>
<li><a href="#">Expedicion</a></li>
</ul>
</li>
</ul>

Espero que puedan ayudarme. Muchas gracias de nuevo.

lauser · #4 (**permalink**) 09/06/2015, 02:23

Está incompleto...
Revisa este enlace

Código HTML:

Ver original<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

gbpili · #5 (**permalink**) 16/06/2015, 11:04

Lo primero muchas gracias a pzin y lauser por vuestras respuestas.
He revisado el codigo y tengo incluido las llamadas a las páginas que me indicas.
Creo que el problema es que estoy haciendo algo mal.....como ya he dicho soy novata en esto

Utilizo como editor Aptana, instalé bootstrap como se indica en la página....y he copiado un ejemplo de la página.... al ejecutar el index no puedo desplegar el ejemplo tampoco... no funciona con un servidor interno??
Si la pregunta no esta en el lugar adecuado, lo lamento.
Gracias

pzin · #6 (**permalink**) 16/06/2015, 12:53

Pues si lo tienes subido a algún sitio para poder echarle un vistazo… Lo más seguro es que te hayas dejado algo por poner en el código.

gbpili · #7 (**permalink**) 17/06/2015, 10:12

Muchas gracias pzin por tu interes....no lo tengo subido a ningún lado.... te pongo el código para ver si puedes ayudarme.

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Pilar">

<link rel="icon" href="../../favicon.ico">

<title>Viajes</title>


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">

<link rel="stylesheet" href="carousel.css">
<link rel="stylesheet" href="navbar-fixed-top.css">



<script src="../../assets/js/ie-emulation-modes-warning.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>




</head>

<body>

<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Viajes</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="">Viajes</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Inicio</a></li>
<li><a href="#about">Sobre nosotros</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Actividades <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Escaladas</a></li>
<li><a href="#">Trekking</a></li>
<li><a href="#">Visitas culturales</a></li>
</ul>
</li>

<li><a href="#contact">Galeria</a></li>
<li><a href="#contact">Contacto</a></li>
</ul>
</div>
</div>
</nav>
<div id="myCarousel" class="carousel slide" data-ride="carousel">

<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img class="first-slide" src="imagenes/CB Everest 1.JPG" alt="Primera fotografia">
<div class="container">
<div class="carousel-caption">

</div>
</div>
</div>
<div class="item">
<img class="second-slide" src="imagenes/Tour montayselva1.JPG" alt="Segunda fotografia">
<div class="container">
<div class="carousel-caption">

</div>
</div>
</div>
<div class="item">
<img class="third-slide" src="imagenes/dagala-botanical-trekking.jpg" alt="Tercera fotografia">
<div class="container">
<div class="carousel-caption">

</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Anterior</span> </a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Siguiente</span> </a>
</div>

<footer>
<p class="pull-right">
<a href="#">Subir</a>
</p>
<p>
© 2015 ATVSport. · <a href="#">Privacy</a> · <a href="#">Terms</a>
</p>
</footer>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>

<script src="../../assets/js/vendor/holder.js"></script>

<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

</body>
</html>

Muchas gracias

PHPeros · #8 (**permalink**) 17/06/2015, 10:33

¿Tienes las rutas bien? Digo, cosas de copiar y pegar.

gbpili · #9 (**permalink**) 17/06/2015, 11:48

Lo siento, no entiendo tu pregunta...he copia el código tal cual lo tengo....