環境
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"