wpu.nu

Skillnad mellan versioner av "Test responsiva tabeller"

Från wpu.nu

m
m
Rad 16: Rad 16:
 
<div class="show-for-xxlarge">show-for-xxlarge</div>
 
<div class="show-for-xxlarge">show-for-xxlarge</div>
  
 +
===hide-for-...===
 
<div class="hide-for-small">hide-for-small</div>
 
<div class="hide-for-small">hide-for-small</div>
 
<div class="hide-for-medium">hide-for-medium</div>
 
<div class="hide-for-medium">hide-for-medium</div>
Rad 22: Rad 23:
 
<div class="hide-for-xxlarge">hide-for-xxlarge</div>
 
<div class="hide-for-xxlarge">hide-for-xxlarge</div>
  
 +
===show-for-...-only===
 
<div class="show-for-small-only">show-for-small-only</div>
 
<div class="show-for-small-only">show-for-small-only</div>
 
<div class="show-for-medium-only">show-for-medium-only</div>
 
<div class="show-for-medium-only">show-for-medium-only</div>
Rad 28: Rad 30:
 
<div class="show-for-xxlarge-only">show-for-xxlarge-only</div>
 
<div class="show-for-xxlarge-only">show-for-xxlarge-only</div>
  
 +
===hide-for-...-only===
 
<div class="hide-for-small-only">hide-for-small-only</div>
 
<div class="hide-for-small-only">hide-for-small-only</div>
 
<div class="hide-for-medium-only">hide-for-medium-only</div>
 
<div class="hide-for-medium-only">hide-for-medium-only</div>
Rad 34: Rad 37:
 
<div class="hide-for-xxlarge-only">hide-for-xxlarge-only</div>
 
<div class="hide-for-xxlarge-only">hide-for-xxlarge-only</div>
  
 +
===show-for-...-up===
 
<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 40: Rad 44:
 
<div class="show-for-xxlarge-up">show-for-xxlarge-up</div>
 
<div class="show-for-xxlarge-up">show-for-xxlarge-up</div>
  
 +
===hide-for-...-up===
 
<div class="hide-for-small-up">hide-for-small-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-medium-up">hide-for-medium-up</div>

Versionen från 21 april 2022 kl. 19.49

Aktuell storlek:

small
medium
large
xlarge
xxlarge


Visningsklasser

show-for-...

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

hide-for-...

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

show-for-...-only

show-for-small-only
show-for-medium-only
show-for-large-only
show-for-xlarge-only
show-for-xxlarge-only

hide-for-...-only

hide-for-small-only
hide-for-medium-only
hide-for-large-only
hide-for-xlarge-only
hide-for-xxlarge-only

show-for-...-up

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

hide-for-...-up

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