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.

This commit is contained in:
Mike Reid 2013-08-25 00:05:20 -06:00
parent bae1726509
commit 62fde12c8a
1 changed files with 14 additions and 10 deletions

View File

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