環境
Bootstrap: 4.x
サイズメモ
col-[サイズ]-[数字]
| 無し(col-[数字]) | 576px未満 (～575px) |
|---|---|
| @media (max-width: 575px) {} | |
| sm | 576px以上 (576px～) |
|
@media (min-width: 576px) {} @media (min-width: 576px) and (max-width: 767px) {} |
|
| md | 768px以上 (768px～) |
|
@media (min-width: 768px) {} @media (min-width: 768px) and (max-width: 991px) {} |
|
| lg | 992px以上 (992px～) |
|
@media (min-width: 992px) {} @media (min-width: 992px) and (max-width: 1199px) {} |
|
| xl | 1200px以上 (1200px～) |
|
@media (min-width: 1200px) {} |
|
表示・非表示メモ
smサイズ以上を表示＝smサイズ未満は非表示
class="d-none d-sm-block"