aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes/css/grid.html
diff options
context:
space:
mode:
Diffstat (limited to 'docs/_includes/css/grid.html')
-rw-r--r--docs/_includes/css/grid.html11
1 files changed, 11 insertions, 0 deletions
diff --git a/docs/_includes/css/grid.html b/docs/_includes/css/grid.html
index 5b14dd7d1..46ed46627 100644
--- a/docs/_includes/css/grid.html
+++ b/docs/_includes/css/grid.html
@@ -333,6 +333,17 @@
</div>
{% endhighlight %}
+ <p>You can also override offsets from lower grid tiers with <code>.col-*-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>