update layout docs

This commit is contained in:
Mark Otto 2012-01-30 23:10:29 -08:00
parent 1cff29c33f
commit 61b47e91b8
4 changed files with 18 additions and 18 deletions

Binary file not shown.

View File

@ -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%;
}

View File

@ -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 -->

View File

@ -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 -->