1 files changed, 34 insertions, 17 deletions
diff --git a/nikola/data/themes/site/templates/base.tmpl b/nikola/data/themes/site/templates/base.tmpl
index 784f29a..2094d9a 100644
--- a/nikola/data/themes/site/templates/base.tmpl
+++ b/nikola/data/themes/site/templates/base.tmpl
@@ -3,6 +3,7 @@
 <!DOCTYPE html>
 <html lang="${lang}">
 <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     ${html_head()}
     <%block name="extra_head">
     </%block>
@@ -12,34 +13,50 @@
 <div class="navbar navbar-fixed-top">
     <div class="navbar-inner">
         <div class="container">
+        
+        <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
+        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+        </a>        
+        
             <a class="brand" href="${abs_link('/')}">
             ${blog_title}
             </a>
-            <ul class="nav">
-                ${html_sidebar_links()}
-            </ul>
-            %if search_form:
-                ${search_form}
-            %endif
-            <ul class="nav pull-right">
-            <%block name="belowtitle">
-            %if len(translations) > 1:
-                <li>${html_translations()}</li>
-            %endif
-            </%block>
-            <%block name="sourcelink"> </%block>
-            </ul>
+            <!-- Everything you want hidden at 940px or less, place within here -->
+            <div class="nav-collapse collapse">
+                <ul class="nav">
+                    ${html_sidebar_links()}
+                </ul>
+                %if search_form:
+                    ${search_form}
+                %endif
+                <ul class="nav pull-right">
+                <%block name="belowtitle">
+                %if len(translations) > 1:
+                    <li>${html_translations()}</li>
+                %endif
+                </%block>
+                <%block name="sourcelink"> </%block>
+                </ul>
+            </div>
         </div>
     </div>
 </div>
 <!-- End of Menubar -->
-<div class="container" id="container">
+<div class="container-fluid" id="container-fluid">
     <!--Body content-->
+    <div class="row-fluid">
+    <div class="span2"></div>
+    <div class="span8">
     <%block name="content"></%block>
+    </div>
+    </div> 
     <!--End of body content-->
-    <div class="footerbox">
+</div>
+<div class="footerbox">
     ${content_footer}
-    </div>
 </div>
 ${html_social()}
 ${analytics}