Bootstrap4で「.hidden」が無くなってて困った話

Bootstrap4 は 「.hidden」は使えない

代わりに「.d-block」を使用する
https://getbootstrap.jp/docs/4.3/utilities/display/#hiding-elements

• 全部隠す
  • .d-none
• xsだけ非表示
  • .d-none .d-sm-block

こんなかんじ

あとがき

依頼されたwordpressのテーマがいつの間にかbootstrap4になってて
仕様変更のこと全く考えてなくてすごく時間を消費してしまった。