Skip to content

B
bootstrap
Commit f058a6a3 authored by Mark Otto's avatar Mark Otto
Browse files
Options

fixes #9522

parent 6e26f846
Show whitespace changes
Inline Side-by-side
Showing with 18 additions and 4 deletions
assets/css/docs.css
View file @ f058a6a3
...@@ -642,13 +642,25 @@ body { ...@@ -642,13 +642,25 @@ body {
text-align: center; text-align: center;
border-radius: 4px; border-radius: 4px;
} }
.responsive-utilities-test.visible-on [class*="hidden"], .visible-on .col-xs-6 .hidden-xs,
.responsive-utilities-test.hidden-on [class*="visible"] { .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; color: #999;
border: 1px solid #ddd; border: 1px solid #ddd;
} }
.responsive-utilities-test.visible-on [class*="visible"], .visible-on .col-xs-6 .visible-xs,
.responsive-utilities-test.hidden-on [class*="hidden"] { .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; color: #468847;
background-color: #dff0d8; background-color: #dff0d8;
border: 1px solid #d6e9c6; border: 1px solid #d6e9c6;
......
css.html
View file @ f058a6a3
...@@ -2254,6 +2254,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline. ...@@ -2254,6 +2254,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<span class="hidden-sm">Small</span> <span class="hidden-sm">Small</span>
<span class="visible-sm">&#10004; Visible on small</span> <span class="visible-sm">&#10004; Visible on small</span>
</div> </div>
<div class="clearfix visible-xs"></div>
<div class="col-xs-6 col-sm-3"> <div class="col-xs-6 col-sm-3">
<span class="hidden-md">Medium</span> <span class="hidden-md">Medium</span>
<span class="visible-md">&#10004; Visible on medium</span> <span class="visible-md">&#10004; Visible on medium</span>
...@@ -2274,6 +2275,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline. ...@@ -2274,6 +2275,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<span class="visible-sm">Small</span> <span class="visible-sm">Small</span>
<span class="hidden-sm">&#10004; Hidden on small</span> <span class="hidden-sm">&#10004; Hidden on small</span>
</div> </div>
<div class="clearfix visible-xs"></div>
<div class="col-xs-6 col-sm-3"> <div class="col-xs-6 col-sm-3">
<span class="visible-md">Medium</span> <span class="visible-md">Medium</span>
<span class="hidden-md">&#10004; Hidden on medium</span> <span class="hidden-md">&#10004; Hidden on medium</span>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment