diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index ea2ec758c876879b10e7149d28f3abea846e37ca..2b0aa987aefb8c4861e3cfcd6b4e6de123d234fc 100644
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 7b6e4ef3a47f3040773604123c7395272a9e40e3..9d07f3c44e06096a193f2e32414997d83e7be103 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -356,8 +356,8 @@ hr.soften {
   height: 240px;
 }
 .mini-layout.fluid .mini-layout-body {
-  width: 60%;
-  margin-left: 10px;
+  width: 77.5%;
+  margin-left: 2.5%;
 }
 
 
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index 0d5a83d64d75256364bb6b1cb389e04a1401823e..813ec27ae898de5c9cf793e351af6a2f2577e84c 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -278,22 +278,22 @@
     </div><!-- /col -->
     <div class="span6">
       <h2>Fluid layout</h2>
-      <p><code>&lt;div class="fluid-container"&gt;</code> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It's great for apps and docs.</p>
+      <p><code>&lt;div class="container-fluid"&gt;</code> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It's great for apps and docs.</p>
       <div class="mini-layout fluid">
         <div class="mini-layout-sidebar"></div>
         <div class="mini-layout-body"></div>
       </div>
 <pre class="prettyprint linenums">
-&lt;body&gt;
-  &lt;div class="fluid-container sidebar-left"&gt;
-    &lt;div class="fluid-sidebar"&gt;
-      ...
+&lt;div class="container-fluid"&gt;
+  &lt;div class="row-fluid"&gt;
+    &lt;div class="span2"&gt;
+      &lt;!--Sidebar content--&gt;
     &lt;/div&gt;
-    &lt;div class="fluid-content"&gt;
-      ...
+    &lt;div class="span10"&gt;
+      &lt;!--Body content--&gt;
     &lt;/div&gt;
   &lt;/div&gt;
-&lt;/body&gt;
+&lt;/div&gt;
 </pre>
     </div><!-- /col -->
   </div><!-- /row -->
diff --git a/docs/templates/pages/scaffolding.mustache b/docs/templates/pages/scaffolding.mustache
index 40d368c66b97b111d3dd3a87d601c914cedf953f..d192709c3707dfbc309cdd956e378e83c91366a4 100644
--- a/docs/templates/pages/scaffolding.mustache
+++ b/docs/templates/pages/scaffolding.mustache
@@ -202,22 +202,22 @@
     </div><!-- /col -->
     <div class="span6">
       <h2>{{_i}}Fluid layout{{/i}}</h2>
-      <p>{{_i}}<code>&lt;div class="fluid-container"&gt;</code> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It's great for apps and docs.{{/i}}</p>
+      <p>{{_i}}<code>&lt;div class="container-fluid"&gt;</code> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It's great for apps and docs.{{/i}}</p>
       <div class="mini-layout fluid">
         <div class="mini-layout-sidebar"></div>
         <div class="mini-layout-body"></div>
       </div>
 <pre class="prettyprint linenums">
-&lt;body&gt;
-  &lt;div class="fluid-container sidebar-left"&gt;
-    &lt;div class="fluid-sidebar"&gt;
-      ...
+&lt;div class="container-fluid"&gt;
+  &lt;div class="row-fluid"&gt;
+    &lt;div class="span2"&gt;
+      &lt;!--{{_i}}Sidebar content{{/i}}--&gt;
     &lt;/div&gt;
-    &lt;div class="fluid-content"&gt;
-      ...
+    &lt;div class="span10"&gt;
+      &lt;!--{{_i}}Body content{{/i}}--&gt;
     &lt;/div&gt;
   &lt;/div&gt;
-&lt;/body&gt;
+&lt;/div&gt;
 </pre>
     </div><!-- /col -->
   </div><!-- /row -->