diff --git a/gulpfile.js b/gulpfile.js
index 4f40e5e..4a19f1f 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -25,6 +25,8 @@ gulp.task('js',function(){
   jsFiles = ["src/*.js",
       "bower_components/jquery/dist/jquery.js",
       "bower_components/moment/moment.js",
+      "bower_components/bootstrap/dist/js/bootstrap.js",
+      "bower_components/bootstrap/js/collapse.js",
       "bower_components/angular/angular.js",
       "bower_components/sweetalert/lib/sweet-alert.js",
       "bower_components/angular-ui-router/release/angular-ui-router.js",
diff --git a/src/index.html b/src/index.html
index db3ce3c..0ab5706 100644
--- a/src/index.html
+++ b/src/index.html
@@ -10,6 +10,8 @@
     <script src="jquery.js"></script>
     <script src="sweet-alert.js"></script>
     <script src="angular.js"></script>
+    <script src="bootstrap.js"></script>
+    <script src="collapse.js"></script>
     <script src="angular-ui-router.js"></script>
     <script src="vis.min.js"></script>
     <script src="moment.js"></script>
@@ -20,7 +22,7 @@
     <nav class="navbar navbar-default navbar-fixed-top">
       <div class="container-fluid">
         <div class="navbar-header">
-          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-body">
             <span class="sr-only">Toggle navigation</span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
@@ -28,7 +30,7 @@
           </button>
           <a class="navbar-brand" href="#">Pert</a>
         </div>
-        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+        <div class="collapse navbar-collapse" id="navbar-body">
           <ul class="nav navbar-nav">
             <li><a href="#/">Edit</a></li>
             <li><a href="#/table">Table</a></li>