要素の表示・非表示

ブロックA
ブロックB

スマホ広告

.d-md-none

ウィンドウ幅が768以上の場合は表示されない。

ブロックC

    @media (min-width: 768px) {
      .d-md-none {
        display: none !important;
      }
    }
    /* ウィンドウ幅が768px以上の時だけ非表示設定になる */
    

ブロックA

PC広告

.d-none.d-md-block

ブラウザの幅が768px以下になると、display: none が適用されて消える

ブロックB

スマホ広告

ブロックC

    .d-none {
      display: none !important;
    }
    @media (min-width: 768px) {
      .d-md-block {
        display: block !important;
      }
    }