Hola, buenas tardes, soy nuevo en esto de los codigos.. y tengo un problema. Este es mi codigo (copio y pego mas abajo) y en la parte de los dropdown de Categorias y Redes Sociales el submenu de deberia desplegarse no lo hace.

Saben a que se debe eso?

Saludos




<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
<title>Acá pondremos el nombre de nuestra página</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/estilos.css">
</head>
<body>
<header>
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navegacion-fm">
<span class="sr-only"> Desplegar/ Ocultar Menú</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">NombreSitio</a>
</div>
<!-- Inicia Menú-->
<div class="collapse navbar-collapse" id="navegacion-fm">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Inicio</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
Categorías <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Canchas deportivas</a></li>
<li class="divider"></li>
<li><a href="#">Salones</a></li>
<li><a href="#">Oficinas</a></li>
<li><a href="#">Servicios</a></li>
</ul>
</li>
<li><a href="#">Galería</a></li>
<li><a href="#">Contacto</a></li>
<li><a href="#">Quienes Somos</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
Redes Sociales <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Canchas deportivas</a></li>
<li class="divider"></li>
<li><a href="#">Salones</a></li>
<li><a href="#">Oficinas</a></li>
<li><a href="#">Servicios</a></li>
</ul>
</li>
</ul>

<form action="" class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Buscar">
</div>
<button type="submit" class="btn btn-primary">
<span class="glyphicon glyphicon-search"></span>
</button>
</form>
</div>
</nav>
</header>
<section class="jumbotron">
<div class="container">
<h1>Nombre Sitio Web</h1>
<p>Arriendo de Servicios</p>
</div>
</section>
<section class= "main container"></section>
<footer></footer>
</body>
</html>