Por que meu código do Bootstrap não está funcionando?

Hoje eu decidi dar uma chance ao Bootstrap (só fazendo CSS / HTML por cerca de duas semanas), mas estou com um problema. Por alguma razão, não parece que o meu documento HTML esteja vinculado à folha de estilo do Bootstrap. Eu usei um dos snippets de código suspensos, mas o resultado final não é estilizado. Alguém pode ver se estou fazendo algo errado? Abaixo está o meu código HTML.

<!DOCTYPE html>


<html lang = "en">

<head>
<title>Test</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

</head>
<body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>

</body>
</html>

questionAnswers(3)

yourAnswerToTheQuestion