reverse order of grid column examples for dual grid section

b1cc11cd · Mark Otto · 567b8b56 · b1cc11cd
Commit b1cc11cd authored 11 years ago by Mark Otto
Hide whitespace changes
Inline Side-by-side

Showing

with 6 additions and 6 deletions
+6 -6
--- a/docs/css.html
+++ b/docs/css.html
@@ -197,15 +197,15 @@ lead: "Fundamental HTML elements styled and enhanced with extensible classes."
    <h3 id="grid-small">Small device grid</h3>
    <p>Use the small device grid classes, like <code>.col-sm-6</code>, to create columned layouts on phone and tablet devices (anything under 768px). Offsets, pushes, and pulls are not available with the small grid at this time.</p>
    <div class="row show-grid">
-      <div class="col-lg-4 col-sm-6">4 cols, 6 small cols</div>
-      <div class="col-lg-4 col-sm-6">4 cols, 6 small cols</div>
-      <div class="col-lg-4 col-sm-12">4 cols, 12 small cols</div>
+      <div class="col-sm-6 col-lg-4">6 small cols, 4 large cols</div>
+      <div class="col-sm-6 col-lg-4">6 small cols, 4 large cols</div>
+      <div class="col-sm-12 col-lg-4">12 small cols, 4 large cols</div>
    </div>
 {% highlight html %}
 <div class="row">
-  <div class="col-lg-4 col-sm-6">4 cols, 6 small cols</div>
-  <div class="col-lg-4 col-sm-6">4 cols, 6 small cols</div>
-  <div class="col-lg-4 col-sm-12">4 cols, 12 small cols</div>
+  <div class="col-sm-6 col-lg-4">6 small cols, 4 large cols</div>
+  <div class="col-sm-6 col-lg-4">6 small cols, 4 large cols</div>
+  <div class="col-sm-12 col-lg-4">12 small cols, 4 large cols</div>
 </div>
 {% endhighlight %}