diff options
| author | Mark Otto <[email protected]> | 2013-08-19 00:15:47 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-19 00:15:47 -0700 |
| commit | 3260288df8273cd26749a4d2941ca3bc140e4a5a (patch) | |
| tree | 74b481d7b22c0ba4149e6c1a52705f62a4cea9e6 /css.html | |
| parent | 6262230d0f2ea1ed1aa695238727cf8facc81f8d (diff) | |
| parent | 7818c5e1868de501e2686ed1ff734c6f337bba79 (diff) | |
| download | bootstrap-3260288df8273cd26749a4d2941ca3bc140e4a5a.tar.xz bootstrap-3260288df8273cd26749a4d2941ca3bc140e4a5a.zip | |
Merge branch '3.0.0-wip' of https://github.com/eratzlaff/bootstrap into eratzlaff-3.0.0-wip
Diffstat (limited to 'css.html')
| -rw-r--r-- | css.html | 56 |
1 files changed, 56 insertions, 0 deletions
@@ -2355,6 +2355,34 @@ For example, <code><section></code> should be wrapped as inline. <span class="visible-lg">✔ Visible on large</span> </div> </div> + <div class="row responsive-utilities-test hidden-on"> + <div class="col-xs-6 col-sm-6"> + <span class="hidden-xs hidden-sm">Extra small and small</span> + <span class="visible-xs visible-sm">✔ Visible on x-small and small</span> + </div> + <div class="col-xs-6 col-sm-6"> + <span class="hidden-md hidden-lg">Medium and large</span> + <span class="visible-md visible-lg">✔ Visible on medium and large</span> + </div> + <div class="clearfix visible-xs"></div> + <div class="col-xs-6 col-sm-6"> + <span class="hidden-xs hidden-md">Extra small and medium</span> + <span class="visible-xs visible-md">✔ Visible on x-small and medium</span> + </div> + <div class="col-xs-6 col-sm-6"> + <span class="hidden-sm hidden-lg">Small and large</span> + <span class="visible-sm visible-lg">✔ Visible on small and large</span> + </div> + <div class="clearfix visible-xs"></div> + <div class="col-xs-6 col-sm-6"> + <span class="hidden-xs hidden-lg">Extra small and large</span> + <span class="visible-xs visible-lg">✔ Visible on x-small and large</span> + </div> + <div class="col-xs-6 col-sm-6"> + <span class="hidden-sm hidden-md">Small and medium</span> + <span class="visible-sm visible-md">✔ Visible on small and medium</span> + </div> + </div> <h4>Hidden on...</h4> <p>Here, green checkmarks indicate the element <strong>is hidden</strong> in your current viewport.</p> <div class="row responsive-utilities-test hidden-on"> @@ -2376,5 +2404,33 @@ For example, <code><section></code> should be wrapped as inline. <span class="hidden-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> + </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> + </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> + </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> + </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> + </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> + </div> + </div> </div> |