Dropdown button does not work, the #
appears above but does not open.
Can someone please help me?
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="description" content="menu"/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>estocaki</title>
<script language="JavaScript" src="script/jquery.js" type="text/javascript"></script>
<script language="JavaScript" src="script/maskedinput.js" type="text/javascript"></script>
<link rel="stylesheet" href="bootstrap/css/bootstrap.css" />
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.css" />
<link rel="stylesheet" href="css.css" />
</head>
<body>
<div >
<img src="img/Estocaki.jpg" class="img-responsive" alt="Cinque Terre">
</div>
<hr />
<div class="container-fluid" >
<div class="row-fluid">
<div id="menu" class="span12 ">
<ul class="nav nav-tabs ">
<li role="presentation" ><a href="menu.php">Home</a></li>
<li role="presentation" class="dropdown" >
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Cadastrar<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="cad-produto.php">Cadastro de Produtos</a></li>
<li><a href="cad-forn.php">Cadastro de Fornecedores</a></li>
</ul>
</li>
<li role="presentation"><a href="#">Cadastrar Categoria e Un. de Medida</a></li>
<li role="presentation"><a href="#">Cadastro de Entrada</a></li>
<li role="presentation"><a href="#">Cadastro de Saída</a></li>
<li role="presentation" class="dropdown" >
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Relatórios<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">Relatório de Entrada</a></li>
</ul>
</li>
<li role="presentation"><a href="#">Lista de Fornecedores</a></li>
<li role="presentation"><a href="login.php">Sair</a></li>
</ul>
</div>
</div>
</div>