回答編集履歴

1

Boostrap4以降の記述を追記

2021/03/30 03:04

投稿

mai1210
mai1210

スコア272

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