等間隔

行にあたる要素の class に row, 列にあたる要素の class に col を指定します。
col-sm (スマホ), col-md (タブレット) 等、ブレークポイントにあわせてグリッドを指定するような指定もできます。

1
1
1
1
1
1
1
1
1
1
1
1
2
2
2
2
2
2
3
3
3
3
4
4
4
6
6

比率指定

列になる要素の class に col-1～col-12 を指定します。(これも col-sm-1, col-md-1 などの指定が可能)

1
11
2
10
3
9
4
8
5
7
6
6
7
5
8
4
9
3
10
2
11
1
8
2
2
3
6
3

等間隔 (ガター無し)

row になる要素の class に no-gutters を指定すると余白 (padding) が無くなります。比率指定でも同じです。

1
1
1
1
1
1
1
1
1
1
1
1
2
2
2
2
2
2
3
3
3
3
4
4
4
6
6