diff options
| author | Mark Otto <[email protected]> | 2012-06-20 20:26:50 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-06-20 20:26:50 -0700 |
| commit | b353565d4e0bf7d6a05b3295c0d8db5ca745bd1c (patch) | |
| tree | 825a23c82187490c45054028532b1d2fbc8cfc3d /docs/scaffolding.html | |
| parent | f2dadecbf39bf993efd3b82d33adcd87993e0499 (diff) | |
| download | bootstrap-b353565d4e0bf7d6a05b3295c0d8db5ca745bd1c.tar.xz bootstrap-b353565d4e0bf7d6a05b3295c0d8db5ca745bd1c.zip | |
add docs for fluid offsetting
Diffstat (limited to 'docs/scaffolding.html')
| -rw-r--r-- | docs/scaffolding.html | 22 |
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 @@ </div> </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"> +<div class="row-fluid"> + <div class="span4">...</div> + <div class="span4 offset2">...</div> +</div> +</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"> |
