Commit 6e9bbe62 authored by Mark Otto's avatar Mark Otto

Nested columns docs tweaks

parent 6649918c
...@@ -207,13 +207,13 @@ ...@@ -207,13 +207,13 @@
<p>To nest your content with the default grid, add a new <code>.row</code> and set of <code>.span*</code> columns within an existing <code>.span*</code> column. Nested rows should include a set of columns that add up to the number of columns of its parent.</p> <p>To nest your content with the default grid, add a new <code>.row</code> and set of <code>.span*</code> columns within an existing <code>.span*</code> column. Nested rows should include a set of columns that add up to the number of columns of its parent.</p>
<div class="row show-grid"> <div class="row show-grid">
<div class="span9"> <div class="span9">
Level 1 column Level 1: 9 columns
<div class="row show-grid"> <div class="row show-grid">
<div class="span6"> <div class="span6">
Level 2 Level 2: 6 columns
</div> </div>
<div class="span6"> <div class="span6">
Level 2 Level 2: 6 columns
</div> </div>
</div> </div>
</div> </div>
...@@ -221,10 +221,10 @@ ...@@ -221,10 +221,10 @@
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;div class="row"&gt; &lt;div class="row"&gt;
&lt;div class="span9"&gt; &lt;div class="span9"&gt;
Level 1 column Level 1: 9 columns
&lt;div class="row"&gt; &lt;div class="row"&gt;
&lt;div class="span6"&gt;Level 2&lt;/div&gt; &lt;div class="span6"&gt;Level 2: 6 columns&lt;/div&gt;
&lt;div class="span3"&gt;Level 2&lt;/div&gt; &lt;div class="span3"&gt;Level 2: 6 columns&lt;/div&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/div&gt; &lt;/div&gt;
......
...@@ -139,13 +139,13 @@ ...@@ -139,13 +139,13 @@
<p>To nest your content with the default grid, add a new <code>.row</code> and set of <code>.span*</code> columns within an existing <code>.span*</code> column. Nested rows should include a set of columns that add up to the number of columns of its parent.</p> <p>To nest your content with the default grid, add a new <code>.row</code> and set of <code>.span*</code> columns within an existing <code>.span*</code> column. Nested rows should include a set of columns that add up to the number of columns of its parent.</p>
<div class="row show-grid"> <div class="row show-grid">
<div class="span9"> <div class="span9">
Level 1 column Level 1: 9 columns
<div class="row show-grid"> <div class="row show-grid">
<div class="span6"> <div class="span6">
Level 2 Level 2: 6 columns
</div> </div>
<div class="span6"> <div class="span6">
Level 2 Level 2: 6 columns
</div> </div>
</div> </div>
</div> </div>
...@@ -153,10 +153,10 @@ ...@@ -153,10 +153,10 @@
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;div class="row"&gt; &lt;div class="row"&gt;
&lt;div class="span9"&gt; &lt;div class="span9"&gt;
Level 1 column Level 1: 9 columns
&lt;div class="row"&gt; &lt;div class="row"&gt;
&lt;div class="span6"&gt;Level 2&lt;/div&gt; &lt;div class="span6"&gt;Level 2: 6 columns&lt;/div&gt;
&lt;div class="span3"&gt;Level 2&lt;/div&gt; &lt;div class="span3"&gt;Level 2: 6 columns&lt;/div&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/div&gt; &lt;/div&gt;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment