diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 60782ecea4..c08d529aa1 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -335,8 +335,14 @@ hr.soften { margin-bottom: 0; } .show-grid .show-grid [class*="span"] { + margin-top: 5px; +} +.show-grid [class*="span"] [class*="span"] { background-color: #ccc; } +.show-grid [class*="span"] [class*="span"] [class*="span"] { + background-color: #999; +} 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 @@
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.
+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.
{{_i}}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.{{/i}}
+{{_i}}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.{{/i}}