rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

reverse order of grid column examples for dual grid section

Browse Source
This commit is contained in:
Mark Otto 2013-06-04 21:55:59 -07:00
parent 567b8b5631
commit b1cc11cd98
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/css.html
View File

@ -197,15 +197,15 @@ lead: "Fundamental HTML elements styled and enhanced with extensible classes."
<h3 id="grid-small">Small device grid</h3> <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> <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="row show-grid">
<div class="col-lg-4 col-sm-6">4 cols, 6 small cols</div> <div class="col-sm-6 col-lg-4">6 small cols, 4 large cols</div>
<div class="col-lg-4 col-sm-6">4 cols, 6 small cols</div> <div class="col-sm-6 col-lg-4">6 small cols, 4 large cols</div>
<div class="col-lg-4 col-sm-12">4 cols, 12 small cols</div> <div class="col-sm-12 col-lg-4">12 small cols, 4 large cols</div>
</div> </div>
{% highlight html %} {% highlight html %}
<div class="row"> <div class="row">
<div class="col-lg-4 col-sm-6">4 cols, 6 small cols</div> <div class="col-sm-6 col-lg-4">6 small cols, 4 large cols</div>
<div class="col-lg-4 col-sm-6">4 cols, 6 small cols</div> <div class="col-sm-6 col-lg-4">6 small cols, 4 large cols</div>
<div class="col-lg-4 col-sm-12">4 cols, 12 small cols</div> <div class="col-sm-12 col-lg-4">12 small cols, 4 large cols</div>
</div> </div>
{% endhighlight %} {% endhighlight %}