playing more with navbar

common/header.inc

@@ -4,7 +4,9 @@
     <!--    <link rel="icon" href="../../favicon.ico"> -->
 
     <!-- Bootstrap core CSS -->
-    <link href="dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="/dist/css/bootstrap.min.css" rel="stylesheet">
+    <script src="/dist/js/jquery-1.11.1.min.js"></script>
+    <script src="/dist/js/bootstrap.min.js"></script>
 
     <!-- Custom styles for this template -->
     <link href="justified-nav.css" rel="stylesheet">

common/navigation.inc

@@ -5,7 +5,16 @@
           <a href="#" onclick="setLang('fr');"><img src="images/fr.png" alt="Fran&ccedil;ais"></img></a>
         </div>
       </div> 
-      <div class="masthead">
+      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar">
+            <span class="sr-only">Toggle navigation</span>
+      	    <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+        </div>
+        <div class="collapse navbar-collapse" id="main-navbar">
           <ul class="nav nav-justified">
             <li lang="en" class="m_index"><a href="/">Home</a></li>
             <li lang="de" class="m_index"><a href="/">Home</a></li>
@@ -30,4 +39,5 @@
             <li lang="fr" class="m_about"><a href="/about">À propos</a></li>
           </ul> 
         </div>
+      </div>