hamberger menu

jinglebiscuits · Feb 28, 2015 · cc56106 · cc56106
1 parent 54f9e69
commit cc56106
Showing 1 changed file with 22 additions and 4 deletions.
diff --git a/app/index.html b/app/index.html
@@ -32,15 +32,33 @@
 
 
     <div class="header navbar" id="menu" style="margin-bottom: 0px">
-        <ul class="nav navbar-nav pull-right">
+<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
+    <div class="container">
+        <div class="navbar-header">
+        <h3 class="brand">Birmingham Land Bank Marketplace</h3>
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+                <span class="sr-only">Toggle navigation</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+        </div>
+
+        <!-- Collect the nav links, forms, and other content for toggling -->
+        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+	    <ul class="nav navbar-nav pull-right">
+            <ul class="nav navbar-nav">
             <li><a href="#" data-toggle="modal" data-target="#background">Background</a>
             </li>
             <li><a href="#" data-toggle="modal" data-target="#table" onclick="drawTable()">Table View</a>
             </li>
             <li><a href="#" data-toggle="modal" data-target="#request">Submit Offer</a>
             </li>
-        </ul>
-        <h3 class="brand">Birmingham Land Bank Marketplace</h3>
+            </ul>
+        </div>
+      </div>
+    </div>
+</nav>
     </div>
 
     <div id="background" class="modal fade" tabindex="-1">
@@ -228,4 +246,4 @@ <h4 class="modal-title">Request Information</h4>
     <!-- DataTables -->
     <!-- endbuild -->
 </body>
-</html>
+</html>