Add a button to toggle sidebar and view content in full width (col-md-12).

_layouts/default.html

@@ -38,6 +38,17 @@
             $('[data-toggle="tooltip"]').tooltip()
         })
     </script>
+    <script>
+        $(document).ready(function() {
+            $("#tg-sb-link").click(function() {
+                $("#tg-sb-sidebar").toggle();
+                $("#tg-sb-content").toggleClass('col-md-9');
+                $("#tg-sb-content").toggleClass('col-md-12');
+                $("#tg-sb-icon").toggleClass('fa-toggle-on');
+                $("#tg-sb-icon").toggleClass('fa-toggle-off');
+            });
+        });
+    </script>
     {% if page.datatable == true %}
     <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.css">
     <script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.5/js/jquery.dataTables.js"></script>
@@ -61,11 +72,11 @@
     <!-- Content Row -->
     <div class="row">
         <!-- Sidebar Column -->
-        <div class="col-md-3">
+        <div class="col-md-3" id="tg-sb-sidebar">
 
           {% include sidebar.html %}
     <!-- Content Column -->
-    <div class="col-md-9">
+    <div class="col-md-9" id="tg-sb-content">
         {{content}}
     </div>
     <!-- /.row -->
@@ -77,4 +88,4 @@
 {% if site.google_analytics %}
 {% include google_analytics.html %}
 {% endif %}
-</html>
+</html>