【Bootstrap】各サイズのメモ【4.x】

環境
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"
この記事は役に立ちましたか?
  • 役に立った(0)
  • もっと詳しい情報が必要(0)
  • 情報が古かった(0)
  • 目的の情報では無かった(0)

シェアする

  • このエントリーをはてなブックマークに追加

フォローする