HTML

<!DOCTYPE html>
<html>
	<head>
	<title> Website </title>
	<meta charset="uft-8">
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <!-- Importeer bootstrap css -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!-- Importeer de Jquery library -->
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <!-- Importeer bootstrap-script (jQuery) -->
	<link rel="stylesheet" type="text/css" href="style.css">
		<body>
			<h1> Test </h1>
			<p> Test </p>

			<div class="dropdown-pagina">
				<button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown"> Pagina's <span class="caret"></span></button>
				<ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
					<li role="presentation"><a role="menuitem" href="#">Pagina 1</a></li>
					<li role="presentation"><a role="menuitem" href="#">Pagina 2</a></li>
					<li role="presentation"><a role="menuitem" href="#">Pagina 3</a></li>
					<li role="presentation" class="divider"></li>
					<li role="presentation"><a role="menuitem" href="#">Contact</a></li>
			</div>
			<div class="dropdown-informatie">
				<button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown"> Informatie <span class="caret"></span></button>
				<ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
					<li role="presentation"><a role="menuitem" href="#">informatie 1</a></li>
					<li role="presentation"><a role="menuitem" href="#">informatie 2</a></li>
					<li role="presentation"><a role="menuitem" href="#">informatie 3</a></li>
					<li role="presentation" class="divider"></li>
					<li role="presentation"><a role="menuitem" href="#">Contact</a></li>
			</div>


		</body>
	</head>
</html>