aboutsummaryrefslogtreecommitdiff
path: root/docs/scaffolding.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-06-20 20:26:50 -0700
committerMark Otto <[email protected]>2012-06-20 20:26:50 -0700
commitb353565d4e0bf7d6a05b3295c0d8db5ca745bd1c (patch)
tree825a23c82187490c45054028532b1d2fbc8cfc3d /docs/scaffolding.html
parentf2dadecbf39bf993efd3b82d33adcd87993e0499 (diff)
downloadbootstrap-b353565d4e0bf7d6a05b3295c0d8db5ca745bd1c.tar.xz
bootstrap-b353565d4e0bf7d6a05b3295c0d8db5ca745bd1c.zip
add docs for fluid offsetting
Diffstat (limited to 'docs/scaffolding.html')
-rw-r--r--docs/scaffolding.html22
1 files changed, 22 insertions, 0 deletions
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index f30bb8c32..7d39e0739 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -283,6 +283,28 @@
&lt;/div&gt;
</pre>
+ <h2>Fluid offsetting</h2>
+ <p>Operates the same way as the fixed grid system offsetting: add <code>.offset*</code> to any column to offset by that many columns.</p>
+ <div class="bs-docs-grid">
+ <div class="row-fluid show-grid">
+ <div class="span4">4</div>
+ <div class="span4 offset4">4 offset 4</div>
+ </div><!-- /row -->
+ <div class="row-fluid show-grid">
+ <div class="span3 offset3">3 offset 3</div>
+ <div class="span3 offset3">3 offset 3</div>
+ </div><!-- /row -->
+ <div class="row-fluid show-grid">
+ <div class="span6 offset6">6 offset 6</div>
+ </div><!-- /row -->
+ </div>
+<pre class="prettyprint linenums">
+&lt;div class="row-fluid"&gt;
+ &lt;div class="span4"&gt;...&lt;/div&gt;
+ &lt;div class="span4 offset2"&gt;...&lt;/div&gt;
+&lt;/div&gt;
+</pre>
+
<h2>Fluid nesting</h2>
<p>Nesting with fluid grids is a bit different: the number of nested columns should not match the parent's number of columns. Instead, each level of nested columns are reset because each row takes up 100% of the parent column.</p>
<div class="row-fluid show-grid">