Component Library
Columns
Displays a list of items on several columns.
| Automatic columns | Column 1 Column 2 Column 3 |
|---|---|
proportion = three-quarters | Column Other Column |
proportion = two-thirds | Column Other Column |
proportion = half | Column Other Column |
proportion = one-third | Column Other Column |
proportion = one-quarter | Column Other Column |
proportion = full | Column Other Column |
proportion = four-fifths | Column Other Column |
proportion = three-fifths | Column Other Column |
proportion = two-fifths | Column Other Column |
proportion = one-fifth | Column Other Column |
span = 1 | Column Other Column |
span = 2 | Column Other Column |
span = 3 | Column Other Column |
span = 4 | Column Other Column |
span = 5 | Column Other Column |
span = 6 | Column Other Column |
span = 7 | Column Other Column |
span = 8 | Column Other Column |
span = 9 | Column Other Column |
span = 10 | Column Other Column |
span = 11 | Column Other Column |
span = 12 | Column Other Column |
offset = three-quarters | Column Other Column |
offset = two-thirds | Column Other Column |
offset = half | Column Other Column |
offset = one-third | Column Other Column |
offset = one-quarter | Column Other Column |
offset = full | Column Other Column |
offset = four-fifths | Column Other Column |
offset = three-fifths | Column Other Column |
offset = two-fifths | Column Other Column |
offset = one-fifth | Column Other Column |
offset = 1 | Column Other Column |
offset = 2 | Column Other Column |
offset = 3 | Column Other Column |
offset = 4 | Column Other Column |
offset = 5 | Column Other Column |
offset = 6 | Column Other Column |
offset = 7 | Column Other Column |
offset = 8 | Column Other Column |
offset = 9 | Column Other Column |
offset = 10 | Column Other Column |
offset = 11 | Column Other Column |
offset = 12 | Column Other Column |
narrow = nil | Column Other Column |
narrow = always | Column Other Column |
narrow = mobile | Column Other Column |
narrow = table | Column Other Column |
narrow = touch | Column Other Column |
narrow = desktop | Column Other Column |
narrow = widescreen | Column Other Column |
narrow = fullhd | Column Other Column |
| Columns gapless | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |
| Columns desktop | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |
| Columns mobile | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |
| Columns multiline | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |
| Columns vcentered | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |
| Columns centered | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |
gap = 0 | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |
gap = 1 | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |
gap = 2 | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |
gap = 3 | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |
gap = 4 | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |
gap = 5 | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |
gap = 6 | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |
gap = 7 | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |
gap = 8 | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |
gap = nil | Column Column Column Column Column Column Column Column Column Column Column Column Column Column Column |