</div>
{% endhighlight %}
+ <p>You can also override offsets from lower grid tiers with <code>-offset-0</code> classes.</p>
+{% highlight html %}
+<div class="row">
+ <div class="col-xs-6 col-sm-4">
+ </div>
+ <div class="col-xs-6 col-sm-4">
+ </div>
+ <div class="col-xs-6 col-xs-offset-3 col-sm-4 col-sm-offset-0">
+ </div>
+</div>
+{% endhighlight %}
<h2 id="grid-nesting">Nesting columns</h2>
<p>To nest your content with the default grid, add a new <code>.row</code> and set of <code>.col-sm-*</code> columns within an existing <code>.col-sm-*</code> column. Nested rows should include a set of columns that add up to 12 or fewer (it is not required that you use all 12 available columns).</p>