wpu.nu

Skillnad mellan versioner av "Test responsiva tabeller"

Från wpu.nu

m
m
Rad 1: Rad 1:
==Skärmstorlekar==
+
==Visningsklasser==
<div class="show-for-small">small</div>
+
<div class="show-for-small">show-for-small</div>
<div class="show-for-medium">medium</div>
+
<div class="show-for-medium">show-for-medium</div>
<div class="show-for-large">large</div>
+
<div class="show-for-large">show-for-large</div>
<div class="show-for-xlarge">xlarge</div>
+
<div class="show-for-xlarge">show-for-xlarge</div>
<div class="show-for-xxlarge">xxlarge</div>
+
<div class="show-for-xxlarge">show-for-xxlarge</div>
 
 
  
==Visningsklasser==
 
 
<div class="show-for-small-up">show-for-small-up</div>
 
<div class="show-for-small-up">show-for-small-up</div>
 
<div class="show-for-medium-up">show-for-medium-up</div>
 
<div class="show-for-medium-up">show-for-medium-up</div>
Rad 13: Rad 11:
 
<div class="show-for-xlarge-up">show-for-xlarge-up</div>
 
<div class="show-for-xlarge-up">show-for-xlarge-up</div>
 
<div class="show-for-xxlarge-up">show-for-xxlarge-up</div>
 
<div class="show-for-xxlarge-up">show-for-xxlarge-up</div>
 +
 +
<div class="hide-for-small-up">hide-for-small-up</div>
 +
<div class="hide-for-medium-up">hide-for-medium-up</div>
 +
<div class="hide-for-large-up">hide-for-large-up</div>
 +
<div class="hide-for-xlarge-up">hide-for-xlarge-up</div>
 +
<div class="hide-for-xxlarge-up">hide-for-xxlarge-up</div>

Versionen från 21 april 2022 kl. 18.45

Visningsklasser

show-for-small
show-for-medium
show-for-large
show-for-xlarge
show-for-xxlarge
show-for-small-up
show-for-medium-up
show-for-large-up
show-for-xlarge-up
show-for-xxlarge-up
hide-for-small-up
hide-for-medium-up
hide-for-large-up
hide-for-xlarge-up
hide-for-xxlarge-up