diff options
author | Mark Otto <otto@github.com> | 2012-11-04 00:28:48 +0400 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2012-11-04 00:28:48 +0400 |
commit | c9dbd2d60147b1a2f05fe08c72a0a28a90c73dc7 (patch) | |
tree | ab227841f95e88a2095fd7ec7d676156cd3f1bd1 /docs/scaffolding.html | |
parent | 7ea343d57014555a3fd244b2308945d8c7684e18 (diff) |
Fixes #5458: Clarify fluid nesting
Diffstat (limited to 'docs/scaffolding.html')
-rw-r--r-- | docs/scaffolding.html | 18 |
1 files changed, 16 insertions, 2 deletions
diff --git a/docs/scaffolding.html b/docs/scaffolding.html index ec548ace22..5261ea6160 100644 --- a/docs/scaffolding.html +++ b/docs/scaffolding.html @@ -301,13 +301,21 @@ </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> + <p>Fluid grids utilize nesting differently: each nested level of columns should add up to 12 columns. This is because the fluid grid uses percentages, not pixels, for setting widths.</p> <div class="row-fluid show-grid"> <div class="span12"> Fluid 12 <div class="row-fluid show-grid"> <div class="span6"> Fluid 6 + <div class="row-fluid show-grid"> + <div class="span6"> + Fluid 6 + </div> + <div class="span6"> + Fluid 6 + </div> + </div> </div> <div class="span6"> Fluid 6 @@ -320,7 +328,13 @@ <div class="span12"> Fluid 12 <div class="row-fluid"> - <div class="span6">Fluid 6</div> + <div class="span6"> + Fluid 6 + <div class="row-fluid"> + <div class="span6">Fluid 6</div> + <div class="span6">Fluid 6</div> + </div> + </div> <div class="span6">Fluid 6</div> </div> </div> |