<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="span9">
- Level 1 column
+ Level 1: 9 columns
<div class="row show-grid">
<div class="span6">
- Level 2
+ Level 2: 6 columns
</div>
<div class="span6">
- Level 2
+ Level 2: 6 columns
</div>
</div>
</div>
<pre class="prettyprint linenums">
<div class="row">
<div class="span9">
- Level 1 column
+ Level 1: 9 columns
<div class="row">
- <div class="span6">Level 2</div>
- <div class="span3">Level 2</div>
+ <div class="span6">Level 2: 6 columns</div>
+ <div class="span3">Level 2: 6 columns</div>
</div>
</div>
</div>
<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="span9">
- Level 1 column
+ Level 1: 9 columns
<div class="row show-grid">
<div class="span6">
- Level 2
+ Level 2: 6 columns
</div>
<div class="span6">
- Level 2
+ Level 2: 6 columns
</div>
</div>
</div>
<pre class="prettyprint linenums">
<div class="row">
<div class="span9">
- Level 1 column
+ Level 1: 9 columns
<div class="row">
- <div class="span6">Level 2</div>
- <div class="span3">Level 2</div>
+ <div class="span6">Level 2: 6 columns</div>
+ <div class="span3">Level 2: 6 columns</div>
</div>
</div>
</div>