diff options
| author | Vinay Raghu <[email protected]> | 2013-05-11 19:34:59 +0530 |
|---|---|---|
| committer | Vinay Raghu <[email protected]> | 2013-05-11 19:34:59 +0530 |
| commit | 9880f7c80305ee37737c44b0dd7e20337ee64628 (patch) | |
| tree | cb8be2c930abc21f0ed161e4d9bf6054d7fda80d | |
| parent | 5e13f578706fd7339e8a5bc1e1c10370410ef765 (diff) | |
| download | bootstrap-9880f7c80305ee37737c44b0dd7e20337ee64628.tar.xz bootstrap-9880f7c80305ee37737c44b0dd7e20337ee64628.zip | |
Changed Responsive utilities section in docs/css.html
| -rw-r--r-- | docs/css.html | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/docs/css.html b/docs/css.html index 9684d778c..aec71a4f4 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1949,7 +1949,7 @@ For example, <code><section></code> should be wrapped as inline. <p class="lead">For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query. Also included are utility classes for toggling content when printed.</p> <h3>Responsive classes</h3> - <table class="table table-bordered table-striped responsive-utilities hidden-phone"> + <table class="table table-bordered table-striped responsive-utilities hidden-sm"> <thead> <tr> <th>Class</th> @@ -1960,37 +1960,37 @@ For example, <code><section></code> should be wrapped as inline. </thead> <tbody> <tr> - <th><code>.visible-phone</code></th> + <th><code>.visible-sm</code></th> <td class="is-visible">Visible</td> <td class="is-hidden">Hidden</td> <td class="is-hidden">Hidden</td> </tr> <tr> - <th><code>.visible-tablet</code></th> + <th><code>.visible-md</code></th> <td class="is-hidden">Hidden</td> <td class="is-visible">Visible</td> <td class="is-hidden">Hidden</td> </tr> <tr> - <th><code>.visible-desktop</code></th> + <th><code>.visible-lg</code></th> <td class="is-hidden">Hidden</td> <td class="is-hidden">Hidden</td> <td class="is-visible">Visible</td> </tr> <tr> - <th><code>.hidden-phone</code></th> + <th><code>.hidden-sm</code></th> <td class="is-hidden">Hidden</td> <td class="is-visible">Visible</td> <td class="is-visible">Visible</td> </tr> <tr> - <th><code>.hidden-tablet</code></th> + <th><code>.hidden-md</code></th> <td class="is-visible">Visible</td> <td class="is-hidden">Hidden</td> <td class="is-visible">Visible</td> </tr> <tr> - <th><code>.hidden-desktop</code></th> + <th><code>.hidden-lg</code></th> <td class="is-visible">Visible</td> <td class="is-visible">Visible</td> <td class="is-hidden">Hidden</td> @@ -2029,16 +2029,16 @@ For example, <code><section></code> should be wrapped as inline. <h4>Visible on...</h4> <p>Green checkmarks indicate that class is visible in your current viewport.</p> <ul class="responsive-utilities-test"> - <li>Phone<span class="visible-phone">✔ Phone</span></li> - <li>Tablet<span class="visible-tablet">✔ Tablet</span></li> - <li>Desktop<span class="visible-desktop">✔ Desktop</span></li> + <li>Phone<span class="visible-sm">✔ Phone</span></li> + <li>Tablet<span class="visible-md">✔ Tablet</span></li> + <li>Desktop<span class="visible-lg">✔ Desktop</span></li> </ul> <h4>Hidden on...</h4> <p>Here, green checkmarks indicate that class is hidden in your current viewport.</p> <ul class="responsive-utilities-test hidden-on"> - <li>Phone<span class="hidden-phone">✔ Phone</span></li> - <li>Tablet<span class="hidden-tablet">✔ Tablet</span></li> - <li>Desktop<span class="hidden-desktop">✔ Desktop</span></li> + <li>Phone<span class="hidden-sm">✔ Phone</span></li> + <li>Tablet<span class="hidden-md">✔ Tablet</span></li> + <li>Desktop<span class="hidden-lg">✔ Desktop</span></li> </ul> </div> |