回答編集履歴
1
Boostrap4以降の記述を追記
test
CHANGED
@@ -1,5 +1,19 @@
|
|
1
1
|
現在`col-lg-4 col-md-6`となっているところを`col-xs-6 col-md-4`に変更でどうでしょうか。
|
2
2
|
|
3
|
-
スマホ表示(prefixがxs)の時は、1カラムが12分の6(半分)なので、1行に2枚ずつ並ぶ設定になります。
|
3
|
+
スマホ表示(prefixがxs)の時は、1カラムの幅が12分の6(半分)なので、1行に2枚ずつ並ぶ設定になります。
|
4
4
|
|
5
|
-
PC表示(prefixがmd)の時は、1カラムが12分の4なので、1行に3枚ずつ並ぶ設定です。
|
5
|
+
PC表示(prefixがmd)の時は、1カラムの幅が12分の4なので、1行に3枚ずつ並ぶ設定です。
|
6
|
+
|
7
|
+
|
8
|
+
|
9
|
+
★追記
|
10
|
+
|
11
|
+
`col-xs-*`の記述はBootsrap4以降使え無くなっているようです。
|
12
|
+
|
13
|
+
[https://getbootstrap.com/docs/4.1/layout/grid/#grid-options
|
14
|
+
|
15
|
+
](https://getbootstrap.com/docs/4.1/layout/grid/#grid-options)
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
Bootsrap4以降をご利用の場合は、`col-6 col-md-4`でご希望の表示になるかと思います。
|