Skillnad mellan versioner av "Test responsiva tabeller"
Från wpu.nu
m |
m |
||
| (16 mellanliggande versioner av samma användare visas inte) | |||
| Rad 1: | Rad 1: | ||
| − | Aktuell storlek: | + | 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 6: | Rad 6: | ||
<div class="show-for-xlarge">xlarge</div> | <div class="show-for-xlarge">xlarge</div> | ||
<div class="show-for-xxlarge">xxlarge</div> | <div class="show-for-xxlarge">xxlarge</div> | ||
| + | |||
==Visningsklasser== | ==Visningsklasser== | ||
| + | ===show-for-...=== | ||
<div class="show-for-small">show-for-small</div> | <div class="show-for-small">show-for-small</div> | ||
<div class="show-for-medium">show-for-medium</div> | <div class="show-for-medium">show-for-medium</div> | ||
| Rad 14: | 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 20: | Rad 24: | ||
<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 26: | Rad 32: | ||
<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 32: | Rad 40: | ||
<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 38: | Rad 48: | ||
<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> | ||
| Rad 43: | Rad 55: | ||
<div class="hide-for-xlarge-up">hide-for-xlarge-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="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:
Visningsklasser
show-for-...
hide-for-...
show-for-...-only
hide-for-...-only
show-for-...-up
hide-for-...-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