Columns count
←Add a class from .cols-2
up to .cols-10
in addition to the .columns
class to control over how many columns the content should span.
The distribution of contents over the number of columns is a bit tricky. For the best visual result, adjust the number of columns based on the number of content items.
Syntax:
.columns.cols-{number}
2 columns
1
2
3
4
5
6
7
8
9
10
11
12
3 columns
1
2
3
4
5
6
7
8
9
10
11
12
4 columns
1
2
3
4
5
6
7
8
9
10
11
12
5 columns
1
2
3
4
5
6
7
8
9
10
11
12
12 can not be devided by 5. ↑
6 columns
1
2
3
4
5
6
7
8
9
10
11
12