From: Mike Reid <mike@pixelchutes.com>
Date: Sun, 25 Aug 2013 06:05:20 +0000 (-0600)
Subject: Corrected 3.0 responsive utility class reference mapping when migrating from 2.x... 
X-Git-Tag: v3.0.1~126^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=62fde12c8acc332db77b133bd26e687b8b1eab2e;p=thirdparty%2Fbootstrap.git

Corrected 3.0 responsive utility class reference mapping when migrating from 2.x (now accounting for new Large device support.) Also synchronized breakpoint values from Grid options > Media queries, for clarity.
---

diff --git a/getting-started.html b/getting-started.html
index d264126f1a..c3d861da19 100644
--- a/getting-started.html
+++ b/getting-started.html
@@ -369,27 +369,27 @@ bootstrap/
           </tr>
           <tr>
             <td><code>.visible-phone</code></td>
-            <td><code>.visible-sm</code></td>
+            <td><code>.visible-xs</code></td>
           </tr>
           <tr>
             <td><code>.visible-tablet</code></td>
-            <td><code>.visible-md</code></td>
+            <td><code>.visible-sm</code></td>
           </tr>
           <tr>
             <td><code>.visible-desktop</code></td>
-            <td><code>.visible-lg</code></td>
+            <td><code>.visible-md</code></td>
           </tr>
           <tr>
             <td><code>.hidden-phone</code></td>
-            <td><code>.hidden-sm</code></td>
+            <td><code>.hidden-xs</code></td>
           </tr>
           <tr>
             <td><code>.hidden-tablet</code></td>
-            <td><code>.hidden-md</code></td>
+            <td><code>.hidden-sm</code></td>
           </tr>
           <tr>
             <td><code>.hidden-desktop</code></td>
-            <td><code>.hidden-lg</code></td>
+            <td><code>.hidden-md</code></td>
           </tr>
           <tr>
             <td><code>.input-small</code></td>
@@ -460,21 +460,25 @@ bootstrap/
             <td><code>.jumbotron</code></td>
           </tr>
           <tr>
-            <td>Tiny grid (&lt;768 px)</td>
+            <td>Tiny grid (&lt;768px)</td>
             <td><code>.col-xs-*</code></td>
           </tr>
           <tr>
-            <td>Small grid (&gt;768 px)</td>
+            <td>Small grid (&ge;768px)</td>
             <td><code>.col-sm-*</code></td>
           </tr>
           <tr>
-            <td>Medium grid (&gt;992 px)</td>
+            <td>Medium grid (&ge;992px)</td>
             <td><code>.col-md-*</code></td>
           </tr>
           <tr>
-            <td>Large grid (&gt;1200 px)</td>
+            <td>Large grid (&ge;1200px)</td>
             <td><code>.col-lg-*</code></td>
           </tr>
+          <tr>
+            <td>Responsive utility classes (&ge;1200px)</td>
+            <td><code>.visible-lg</code> <code>.hidden-lg</code></td>
+          </tr>
           <tr>
             <td>Offsets</td>
             <td><code>.col-sm-offset-*</code> <code>.col-md-offset-*</code> <code>.col-lg-offset-*</code></td>