diff --git a/templates/layouts/bootstrap.html.ep b/templates/layouts/bootstrap.html.ep
index 8efac05..9b3bff6 100644
--- a/templates/layouts/bootstrap.html.ep
+++ b/templates/layouts/bootstrap.html.ep
@@ -36,6 +36,11 @@
         #funktioner:hover ul {
           display: block;
         }
+		
+		.login-dropdown {
+			min-width:320px;
+			padding:10px;
+		}
     </style>
   </head>
   <body>
@@ -75,7 +80,24 @@
                     </li>
                     <li><a href="<%= url_for('logout') %>">Log ud</a></li>
                 % } else {
-                    <li><a href="<%= url_for('login') %>">Log ind</a></li>
+                    <li>
+						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Log ind</a>
+						<div class="dropdown-menu login-dropdown">
+							%= form_for 'login_submit' => begin
+								%= csrf_field
+								%= form_group 'username' => begin
+									<label for="username">Brugernavn:</label>
+									%= text_field username => (class => 'form-control', placeholder => 'Brugernavn')
+								% end
+								%= form_group 'password' => begin
+									<label for="password">Løsen:</label>
+									%= password_field password => (class => 'form-control', placeholder => 'Løsen')
+								% end
+
+								<button type="submit" class="btn btn-primary">Log ind</button>
+							% end
+						</div>
+					</li>
                     <li><a href="<%= url_for('create_user') %>">Opret bruger</a></li>
                 % }
             </ul>
