diff --git a/app/index.html b/app/index.html
index 7997017..1b6291f 100644
--- a/app/index.html
+++ b/app/index.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>Navigation Menu</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
@@ -18,10 +19,10 @@
 
     <!-- When a link in the menu is clicked, we set the active variable -->
 
-    <a href="#" class="home" ng-click="active='home'">Home</a>
-    <a href="#" class="projects" ng-click="active='projects'">Projects</a>
-    <a href="#" class="services" ng-click="active='services'">Services</a>
-    <a href="#" class="contact" ng-click="active='contact'">Contact</a>
+    <a href="#" class="home col-xs-3" ng-click="active='home'">Home</a>
+    <a href="#" class="projects col-xs-3" ng-click="active='projects'">Projects</a>
+    <a href="#" class="services col-xs-3" ng-click="active='services'">Services</a>
+    <a href="#" class="contact col-xs-3" ng-click="active='contact'">Contact</a>
   </nav>
 
   <!-- ng-show will show an element if the value in the quotes is truthful,
@@ -35,4 +36,4 @@
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
 
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/app/style.css b/app/style.css
index f68aa54..f5b2c1b 100644
--- a/app/style.css
+++ b/app/style.css
@@ -79,4 +79,4 @@ p b{
   border-radius:2px;
   text-transform:uppercase;
   font-size:18px;
-}
\ No newline at end of file
+}
