mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-05-30 15:24:08 +03:00
Fixes #4002 responsive utilities classes
This commit is contained in:
@@ -1019,6 +1019,37 @@
|
||||
|
||||
|
||||
|
||||
<!-- Responsive utility classes
|
||||
================================================== -->
|
||||
|
||||
<div class="page-header">
|
||||
<h1>Responsive utility classes</h1>
|
||||
</div>
|
||||
|
||||
<h4>Visible on...</h4>
|
||||
<ul class="responsive-utilities-test visible-on">
|
||||
<li>Phone<span class="visible-phone">✔ Phone</span></li>
|
||||
<li>Tablet<span class="visible-tablet">✔ Tablet</span></li>
|
||||
<li>Desktop<span class="visible-desktop">✔ Desktop</span></li>
|
||||
</ul>
|
||||
<ul class="responsive-utilities-test visible-on">
|
||||
<li>Phone + Tablet<span class="visible-phone visible-tablet">✔ Phone + Tablet</span></li>
|
||||
<li>Tablet + Desktop<span class="visible-tablet visible-desktop">✔ Tablet + Desktop</span></li>
|
||||
<li>All<span class="visible-phone visible-tablet visible-desktop">✔ All</span></li>
|
||||
</ul>
|
||||
|
||||
<h4>Hidden on...</h4>
|
||||
<ul class="responsive-utilities-test hidden-on">
|
||||
<li>Phone<span class="hidden-phone">✔ Phone</span></li>
|
||||
<li>Tablet<span class="hidden-tablet">✔ Tablet</span></li>
|
||||
<li>Desktop<span class="hidden-desktop">✔ Desktop</span></li>
|
||||
</ul>
|
||||
<ul class="responsive-utilities-test hidden-on">
|
||||
<li>Phone + Tablet<span class="hidden-phone hidden-tablet">✔ Phone + Tablet</span></li>
|
||||
<li>Tablet + Desktop<span class="hidden-tablet hidden-desktop">✔ Tablet + Desktop</span></li>
|
||||
<li>All<span class="hidden-phone hidden-tablet hidden-desktop">✔ All</span></li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user