diff options
| author | Mark Otto <[email protected]> | 2013-08-14 23:52:57 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-14 23:52:57 -0700 |
| commit | f058a6a3ea6196af859303ff4611fd9807842f7d (patch) | |
| tree | 88fa182424e0d1d0e4976a37001a3ede9673af46 | |
| parent | 6e26f846cdb96060afb0530f1d34fdfc2a11f83d (diff) | |
| download | bootstrap-f058a6a3ea6196af859303ff4611fd9807842f7d.tar.xz bootstrap-f058a6a3ea6196af859303ff4611fd9807842f7d.zip | |
fixes #9522
| -rw-r--r-- | assets/css/docs.css | 20 | ||||
| -rw-r--r-- | css.html | 2 |
2 files changed, 18 insertions, 4 deletions
diff --git a/assets/css/docs.css b/assets/css/docs.css index 81f97accc..5e0aaa0aa 100644 --- a/assets/css/docs.css +++ b/assets/css/docs.css @@ -642,13 +642,25 @@ body { text-align: center; border-radius: 4px; } -.responsive-utilities-test.visible-on [class*="hidden"], -.responsive-utilities-test.hidden-on [class*="visible"] { +.visible-on .col-xs-6 .hidden-xs, +.visible-on .col-xs-6 .hidden-sm, +.visible-on .col-xs-6 .hidden-md, +.visible-on .col-xs-6 .hidden-lg, +.hidden-on .col-xs-6 .visible-xs, +.hidden-on .col-xs-6 .visible-sm, +.hidden-on .col-xs-6 .visible-md, +.hidden-on .col-xs-6 .visible-lg { color: #999; border: 1px solid #ddd; } -.responsive-utilities-test.visible-on [class*="visible"], -.responsive-utilities-test.hidden-on [class*="hidden"] { +.visible-on .col-xs-6 .visible-xs, +.visible-on .col-xs-6 .visible-sm, +.visible-on .col-xs-6 .visible-md, +.visible-on .col-xs-6 .visible-lg, +.hidden-on .col-xs-6 .hidden-xs, +.hidden-on .col-xs-6 .hidden-sm, +.hidden-on .col-xs-6 .hidden-md, +.hidden-on .col-xs-6 .hidden-lg { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; @@ -2254,6 +2254,7 @@ For example, <code><section></code> should be wrapped as inline. <span class="hidden-sm">Small</span> <span class="visible-sm">✔ Visible on small</span> </div> + <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-sm-3"> <span class="hidden-md">Medium</span> <span class="visible-md">✔ Visible on medium</span> @@ -2274,6 +2275,7 @@ For example, <code><section></code> should be wrapped as inline. <span class="visible-sm">Small</span> <span class="hidden-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> |