回答編集履歴
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`でご希望の表示になるかと思います。
|