Tengo problemas para hacer que funcionen mis menús desplegables. Puedo hacer que la barra de navegación se muestre perfectamente, pero cuando hago clic en "Desplegable" (cualquiera de ellos) no muestra el menú desplegable. He intentado buscar en otras publicaciones sobre esto, pero nada de lo que solucionó los problemas de todos ayudó. Copié la fuente directamente del sitio web de bootstrap, pero parece que no puedo hacer que funcione en mi máquina. ¿Alguien tiene alguna idea? Lo he estado mirando durante una hora y parece que no puedo entender cuál es el problema.
<head>
<script src="resource/js/jquery-1.11.0.js"></script>
<script src="resources/js/bootstrap.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('dropdown-toggle').dropdown()
});
</script>
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data- target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu" role="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>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" >
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">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>
</div><!-- /.navbar-collapse -->
1
Lo siento, en el trabajo cuando escribí esto. Edité la explicación.
—
user2540528
¿Podrías darnos el enlace? @ user2540528
—
STP38
¿El enlace al archivo JS?
—
user2540528
Acabo de copiar su código y agregar js / css y funciona en mi máquina
—
Chris
'Copié la fuente directamente del sitio web de Bootstrap' @ user2540528, ¿me pueden dar ese enlace?
—
STP38