sharpetronics/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-11-03 00:09:53 -05:00
Code Issues Projects Releases Wiki 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>
<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 %}