diff options
| author | Mark Otto <[email protected]> | 2013-10-07 15:00:46 -0500 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-10-07 15:00:46 -0500 |
| commit | 969cb04acbdd1b5835acc203675c10ec2ba98c2c (patch) | |
| tree | 5610ddb81ce84e1e5bcccc53f3c32c0039e3cbb2 /css.html | |
| parent | 352532cd63a2d8e03ba7db806aa3bd110c023532 (diff) | |
| download | bootstrap-969cb04acbdd1b5835acc203675c10ec2ba98c2c.tar.xz bootstrap-969cb04acbdd1b5835acc203675c10ec2ba98c2c.zip | |
Fixes #10126: Update responsive test cases to properly highlight hidden class examples
Diffstat (limited to 'css.html')
| -rw-r--r-- | css.html | 42 |
1 files changed, 21 insertions, 21 deletions
@@ -2570,52 +2570,52 @@ For example, <code><section></code> should be wrapped as inline. </div> <h3>Hidden on...</h3> - <p>Here, green checkmarks indicate the element <strong>is hidden</strong> in your current viewport.</p> + <p>Here, green checkmarks also indicate the element <strong>is hidden</strong> in your current viewport.</p> <div class="row responsive-utilities-test hidden-on"> <div class="col-xs-6 col-sm-3"> - <span class="visible-xs">Extra small</span> - <span class="hidden-xs">✔ Hidden on x-small</span> + <span class="hidden-xs">Extra small</span> + <span class="visible-xs">✔ Hidden on x-small</span> </div> <div class="col-xs-6 col-sm-3"> - <span class="visible-sm">Small</span> - <span class="hidden-sm">✔ Hidden on small</span> + <span class="hidden-sm">Small</span> + <span class="visible-sm">✔ Hidden on small</span> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-sm-3"> - <span class="visible-md">Medium</span> - <span class="hidden-md">✔ Hidden on medium</span> + <span class="hidden-md">Medium</span> + <span class="visible-md">✔ Hidden on medium</span> </div> <div class="col-xs-6 col-sm-3"> - <span class="visible-lg">Large</span> - <span class="hidden-lg">✔ Hidden on large</span> + <span class="hidden-lg">Large</span> + <span class="visible-lg">✔ Hidden on large</span> </div> </div> <div class="row responsive-utilities-test hidden-on"> <div class="col-xs-6 col-sm-6"> - <span class="visible-xs visible-sm">Extra small and small</span> - <span class="hidden-xs hidden-sm">✔ Hidden on x-small and small</span> + <span class="hidden-xs hidden-sm">Extra small and small</span> + <span class="visible-xs visible-sm">✔ Hidden on x-small and small</span> </div> <div class="col-xs-6 col-sm-6"> - <span class="visible-md visible-lg">Medium and large</span> - <span class="hidden-md hidden-lg">✔ Hidden on medium and large</span> + <span class="hidden-md hidden-lg">Medium and large</span> + <span class="visible-md visible-lg">✔ Hidden on medium and large</span> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-sm-6"> - <span class="visible-xs visible-md">Extra small and medium</span> - <span class="hidden-xs hidden-md">✔ Hidden on x-small and medium</span> + <span class="hidden-xs hidden-md">Extra small and medium</span> + <span class="visible-xs visible-md">✔ Hidden on x-small and medium</span> </div> <div class="col-xs-6 col-sm-6"> - <span class="visible-sm visible-lg">Small and large</span> - <span class="hidden-sm hidden-lg">✔ Hidden on small and large</span> + <span class="hidden-sm hidden-lg">Small and large</span> + <span class="visible-sm visible-lg">✔ Hidden on small and large</span> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-sm-6"> - <span class="visible-xs visible-lg">Extra small and large</span> - <span class="hidden-xs hidden-lg">✔ Hidden on x-small and large</span> + <span class="hidden-xs hidden-lg">Extra small and large</span> + <span class="visible-xs visible-lg">✔ Hidden on x-small and large</span> </div> <div class="col-xs-6 col-sm-6"> - <span class="visible-sm visible-md">Small and medium</span> - <span class="hidden-sm hidden-md">✔ Hidden on small and medium</span> + <span class="hidden-sm hidden-md">Small and medium</span> + <span class="visible-sm visible-md">✔ Hidden on small and medium</span> </div> </div> |