16 colonnes. <div class="ui x grid"> , x ∈ { celled, padded, stackable, divided, nested, relaxed, …}.
Page section, présentation éléments (résumé, choix, essais)
ui center aligned tertiary inverted green segment
paragraphe
Important : 1° Le vertical divider doit être contenu dans un flexible conteneur (grid, …), lui même contenu dans un segment (qui sert de conteneur au vertical divider), sinon il sort (comme on le voit ici),
2° Ça ne marche qu'une fois ! (au centre) :
En combinaison avec headers (<… class="ui horizontal divider … header>) :
Les tableaux class="ui table" sont responsives automatiquement. Les tableaux style="width:100%" ou class="ui unstackable table" ne sont pas responsives.
Header 1 | Header 2 | |
---|---|---|
Definition | 1A | 1B |
Definition | 2A | 2B |
Header 1 | Header 2 | |
---|---|---|
Definition | 1A | 1B |
Definition | 2A | 2B |
Files | ||
---|---|---|
folder | Comment | 10 hours ago |
folder2 | Comment | 10 hours ago |
package.json | Comment | 10 hours ago |
Name | Registration Date | E-mail address | Premium Plan | |
---|---|---|---|---|
Name | Status | Notes |
---|---|---|
User 1 | Value | Comment |
User 1 | Value | Comment |
User 2 | Value | Data |
User 1 | Value | Warning |
User 3 | Value | Data |
User 2 | Value | Data |
Name | Status | Notes |
---|---|---|
User 1 | Value | Comment |
User 1 | Value | Comment |
User 2 | Value | Data |
User 1 | Value | Warning |
User 3 | Value | Data |
User 2 | Value | Data |
Footer | Footer |
contenu onglet actif.