bootstrap4でスマートフォンの場合、画像を2列の横並びにしたいのですが、上手くいきません。
html
1<div class="container-fluid"> 2 <div class="row"> 3 <div class="col-sm-6 col-lg-3"> 4 <img class="img-fluid" src="https://goo.gl/gU9Bbr"> 5 </div> 6 <div class="col-sm-6 col-lg-3"> 7 <img class="img-fluid" src="https://goo.gl/gU9Bbr"> 8 </div> 9 <div class="col-sm-6 col-lg-3"> 10 <img class="img-fluid" src="https://goo.gl/gU9Bbr"> 11 </div> 12 <div class="col-sm-6 col-lg-3"> 13 <img class="img-fluid" src="https://goo.gl/gU9Bbr"> 14 </div> 15 </div> 16</div>
PCだと指定した通り、4列で表示されるのですが、スマートフォンだとなぜか1列で表示されてしまいます。
詳しい方アドバイスお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/08/20 01:00