diff options
| author | Mark Otto <[email protected]> | 2013-05-16 20:07:41 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-05-16 20:07:41 -0700 |
| commit | af0b9cb41a5d86726c622529c5b8f8a43cd18e45 (patch) | |
| tree | 2f92ee4168111610626e5af8e391e284736d2df7 /docs/css.html | |
| parent | e5d6a40a7781daea884dc4472e5eb3f1705a8498 (diff) | |
| download | bootstrap-af0b9cb41a5d86726c622529c5b8f8a43cd18e45.tar.xz bootstrap-af0b9cb41a5d86726c622529c5b8f8a43cd18e45.zip | |
Simple responsive utilities test css
Diffstat (limited to 'docs/css.html')
| -rw-r--r-- | docs/css.html | 32 |
1 files changed, 25 insertions, 7 deletions
diff --git a/docs/css.html b/docs/css.html index 69bb0dd7c..f599f799f 100644 --- a/docs/css.html +++ b/docs/css.html @@ -2003,17 +2003,35 @@ For example, <code><section></code> should be wrapped as inline. <p>Resize your browser or load on different devices to test the responsive utility classes.</p> <h4>Visible on...</h4> <p>Green checkmarks indicate the element <strong>is visible</strong> in your current viewport.</p> - <ul class="responsive-utilities-test"> - <li>Small<span class="visible-sm">✔ Visible on small</span></li> - <li>Medium<span class="visible-md">✔ Visible on medium</span></li> - <li>Large<span class="visible-lg">✔ Visible on large</span></li> + <ul class="responsive-utilities-test visible-on"> + <li> + <span class="hidden-sm">Small</span> + <span class="visible-sm">✔ Visible on small</span> + </li> + <li> + <span class="hidden-md">Medium</span> + <span class="visible-md">✔ Visible on medium</span> + </li> + <li> + <span class="hidden-lg">Large</span> + <span class="visible-lg">✔ Visible on large</span> + </li> </ul> <h4>Hidden on...</h4> <p>Here, green checkmarks indicate the element <strong>is hidden</strong> in your current viewport.</p> <ul class="responsive-utilities-test hidden-on"> - <li>Small<span class="hidden-sm">✔ Hidden on small</span></li> - <li>Medium<span class="hidden-md">✔ Hidden on medium</span></li> - <li>Large<span class="hidden-lg">✔ Hidden on desktop</span></li> + <li> + <span class="visible-sm">Small</span> + <span class="hidden-sm">✔ Hidden on small</span> + </li> + <li> + <span class="visible-md">Medium</span> + <span class="hidden-md">✔ Hidden on medium</span> + </li> + <li> + <span class="visible-lg">Large</span> + <span class="hidden-lg">✔ Hidden on desktop</span> + </li> </ul> </div> |