update layout docs

bbonamin · Jan 31, 2012 · 61b47e9 · 61b47e9
1 parent 1cff29c
commit 61b47e9
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 18 deletions.
diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
diff --git 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
@@ -278,22 +278,22 @@ <h2>Fixed layout</h2>
     </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
@@ -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 -->