0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-06 04:08:22 +01:00

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; height: 240px;
} }
.mini-layout.fluid .mini-layout-body { .mini-layout.fluid .mini-layout-body {
width: 60%; width: 77.5%;
margin-left: 10px; margin-left: 2.5%;
} }

View File

@ -278,22 +278,22 @@
</div><!-- /col --> </div><!-- /col -->
<div class="span6"> <div class="span6">
<h2>Fluid layout</h2> <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 fluid">
<div class="mini-layout-sidebar"></div> <div class="mini-layout-sidebar"></div>
<div class="mini-layout-body"></div> <div class="mini-layout-body"></div>
</div> </div>
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;body&gt; &lt;div class="container-fluid"&gt;
&lt;div class="fluid-container sidebar-left"&gt; &lt;div class="row-fluid"&gt;
&lt;div class="fluid-sidebar"&gt; &lt;div class="span2"&gt;
... &lt;!--Sidebar content--&gt;
&lt;/div&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;/div&gt; &lt;/div&gt;
&lt;/body&gt; &lt;/div&gt;
</pre> </pre>
</div><!-- /col --> </div><!-- /col -->
</div><!-- /row --> </div><!-- /row -->

View File

@ -202,22 +202,22 @@
</div><!-- /col --> </div><!-- /col -->
<div class="span6"> <div class="span6">
<h2>{{_i}}Fluid layout{{/i}}</h2> <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 fluid">
<div class="mini-layout-sidebar"></div> <div class="mini-layout-sidebar"></div>
<div class="mini-layout-body"></div> <div class="mini-layout-body"></div>
</div> </div>
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;body&gt; &lt;div class="container-fluid"&gt;
&lt;div class="fluid-container sidebar-left"&gt; &lt;div class="row-fluid"&gt;
&lt;div class="fluid-sidebar"&gt; &lt;div class="span2"&gt;
... &lt;!--{{_i}}Sidebar content{{/i}}--&gt;
&lt;/div&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;/div&gt; &lt;/div&gt;
&lt;/body&gt; &lt;/div&gt;
</pre> </pre>
</div><!-- /col --> </div><!-- /col -->
</div><!-- /row --> </div><!-- /row -->