</div>
</div>
<div class="row responsive-utilities-test visible-on">
- <div class="col-xs-6 col-sm-6">
+ <div class="col-xs-6">
<span class="hidden-xs hidden-sm">Extra small and small</span>
<span class="visible-xs-block visible-sm-block">✔ Visible on x-small and small</span>
</div>
- <div class="col-xs-6 col-sm-6">
+ <div class="col-xs-6">
<span class="hidden-md hidden-lg">Medium and large</span>
<span class="visible-md-block visible-lg-block">✔ Visible on medium and large</span>
</div>
<div class="clearfix visible-xs-block"></div>
- <div class="col-xs-6 col-sm-6">
+ <div class="col-xs-6">
<span class="hidden-xs hidden-md">Extra small and medium</span>
<span class="visible-xs-block visible-md-block">✔ Visible on x-small and medium</span>
</div>
- <div class="col-xs-6 col-sm-6">
+ <div class="col-xs-6">
<span class="hidden-sm hidden-lg">Small and large</span>
<span class="visible-sm-block visible-lg-block">✔ Visible on small and large</span>
</div>
<div class="clearfix visible-xs-block"></div>
- <div class="col-xs-6 col-sm-6">
+ <div class="col-xs-6">
<span class="hidden-xs hidden-lg">Extra small and large</span>
<span class="visible-xs-block visible-lg-block">✔ Visible on x-small and large</span>
</div>
- <div class="col-xs-6 col-sm-6">
+ <div class="col-xs-6">
<span class="hidden-sm hidden-md">Small and medium</span>
<span class="visible-sm-block visible-md-block">✔ Visible on small and medium</span>
</div>
</div>
</div>
<div class="row responsive-utilities-test hidden-on">
- <div class="col-xs-6 col-sm-6">
+ <div class="col-xs-6">
<span class="hidden-xs hidden-sm">Extra small and small</span>
<span class="visible-xs-block visible-sm-block">✔ Hidden on x-small and small</span>
</div>
- <div class="col-xs-6 col-sm-6">
+ <div class="col-xs-6">
<span class="hidden-md hidden-lg">Medium and large</span>
<span class="visible-md-block visible-lg-block">✔ Hidden on medium and large</span>
</div>
<div class="clearfix visible-xs-block"></div>
- <div class="col-xs-6 col-sm-6">
+ <div class="col-xs-6">
<span class="hidden-xs hidden-md">Extra small and medium</span>
<span class="visible-xs-block visible-md-block">✔ Hidden on x-small and medium</span>
</div>
- <div class="col-xs-6 col-sm-6">
+ <div class="col-xs-6">
<span class="hidden-sm hidden-lg">Small and large</span>
<span class="visible-sm-block visible-lg-block">✔ Hidden on small and large</span>
</div>
<div class="clearfix visible-xs-block"></div>
- <div class="col-xs-6 col-sm-6">
+ <div class="col-xs-6">
<span class="hidden-xs hidden-lg">Extra small and large</span>
<span class="visible-xs-block visible-lg-block">✔ Hidden on x-small and large</span>
</div>
- <div class="col-xs-6 col-sm-6">
+ <div class="col-xs-6">
<span class="hidden-sm hidden-md">Small and medium</span>
<span class="visible-sm-block visible-md-block">✔ Hidden on small and medium</span>
</div>