wpu.nu

Skillnad mellan versioner av "Test responsiva tabeller"

Från wpu.nu

m
m
 
(21 mellanliggande versioner av samma användare visas inte)
Rad 1: Rad 1:
−
==Skärmstorlekar==
+
 
 +
Aktuell storlek:
 
<div class="show-for-small">small</div>
 
<div class="show-for-small">small</div>
 
<div class="show-for-medium">medium</div>
 
<div class="show-for-medium">medium</div>
Rad 8: Rad 9:
  
 
==Visningsklasser==
 
==Visningsklasser==
 +
===show-for-...===
 +
<div class="show-for-small">show-for-small</div>
 +
<div class="show-for-medium">show-for-medium</div>
 +
<div class="show-for-large">show-for-large</div>
 +
<div class="show-for-xlarge">show-for-xlarge</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-medium">hide-for-medium</div>
 +
<div class="hide-for-large">hide-for-large</div>
 +
<div class="hide-for-xlarge">hide-for-xlarge</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-medium-only">show-for-medium-only</div>
 +
<div class="show-for-large-only">show-for-large-only</div>
 +
<div class="show-for-xlarge-only">show-for-xlarge-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-medium-only">hide-for-medium-only</div>
 +
<div class="hide-for-large-only">hide-for-large-only</div>
 +
<div class="hide-for-xlarge-only">hide-for-xlarge-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>
 
<div class="show-for-large-up">show-for-large-up</div>
 
<div class="show-for-large-up">show-for-large-up</div>
−
<div class="show-for-xlarge-up">show-for-lxarge-up</div>
+
<div class="show-for-xlarge-up">show-for-xlarge-up</div>
−
<div class="show-for-xxlarge-up">show-for-laxxrge-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-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>
 +
 
 +
 
 +
<div class="show-for-small">
 +
===show-for-small===
 +
show-for-small, show-for-small, show-for-small, show-for-small, show-for-small,
 +
show-for-small, show-for-small, show-for-small, show-for-small,
 +
show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small,
 +
show-for-small, show-for-small, show-for-small, show-for-small
 +
</div>
 +
 
 +
<div class="show-for-medium">
 +
===show-for-medium===
 +
show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium,
 +
show-for-medium, show-for-medium, show-for-medium, show-for-medium,
 +
show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium,
 +
show-for-medium, show-for-medium, show-for-medium, show-for-medium
 +
</div>
 +
<div class="show-for-large">
 +
===show-for-large===
 +
show-for-large, show-for-large, show-for-large, show-for-large, show-for-large,
 +
show-for-large, show-for-large, show-for-large, show-for-large,
 +
show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large,
 +
show-for-large, show-for-large, show-for-large, show-for-large
 +
</div>
 +
<div class="show-for-xlarge">
 +
===show-for-xlarge===
 +
show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge,
 +
show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge,
 +
show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge,
 +
show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge
 +
</div>
 +
<div class="show-for-xxlarge">
 +
===show-for-xxlarge===
 +
show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge,
 +
show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge,
 +
show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge,
 +
show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge
 +
</div>
 +
 
 +
{| class="wikitable sortable"
 +
|-
 +
! class="hide-for-small" |
 +
rubrik (hide-for-small)
 +
! class="hide-for-medium" |
 +
rubrik (hide-for-medium)
 +
! class="hide-for-large" |
 +
rubrik (hide-for-large)
 +
! class="hide-for-xlarge" |
 +
rubrik (hide-for-xlarge)
 +
! class="hide-for-xxlarge" |
 +
rubrik (hide-for-xxlarge)
 +
|-
 +
| class="hide-for-small" |
 +
cell (hide-for-small)
 +
| class="hide-for-medium" |
 +
cell (hide-for-medium)
 +
| class="hide-for-large" |
 +
cell (hide-for-large)
 +
| class="hide-for-xlarge" |
 +
cell (hide-for-xlarge)
 +
| class="hide-for-xxlarge" |
 +
cell (hide-for-xxlarge)
 +
|-
 +
|}

Nuvarande version från 21 april 2022 kl. 19.00

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


show-for-small

show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small, show-for-small

show-for-medium

show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium, show-for-medium

show-for-large

show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large, show-for-large

show-for-xlarge

show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge, show-for-xlarge

show-for-xxlarge

show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge, show-for-xxlarge

rubrik (hide-for-small)

rubrik (hide-for-medium)

rubrik (hide-for-large)

rubrik (hide-for-xlarge)

rubrik (hide-for-xxlarge)

cell (hide-for-small)

cell (hide-for-medium)

cell (hide-for-large)

cell (hide-for-xlarge)

cell (hide-for-xxlarge)

Hämtad från "https://wpu.nu/index.php?title=Test_responsiva_tabeller&oldid=588182"