カラムのレスポンシブ指定

カラムをresponsiveにする場合はheadに以下の記載を入れる。

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

各カラムのクラスで動きを指示する。
col-lg-4:幅992px以上では3カラム
col-sm-6:幅576px以上では2カラム
mb-3:ボトムマージン3(=1rem=フォントサイズ)

<div class="col-lg-4 col-sm-6 mb-3">

コメントを残す