bootstrap4 scss ブレークポイント(sm mdとか)ごとにデザイン変更

スマホは背景白、それ以外は背景赤。とかやりたい。

参考：https://www.webdesignleaves.com/pr/plugins/bootstrap4_01.html

hoge.scss

@import "~bootstrap/scss/bootstrap";

@include media-breakpoint-down(sm) {
  .card {
    background-color: white;
  }
}

@include media-breakpoint-up(md) {
  .card {
    background-color: red;
  }
}

結果

bootstrapとscssって便利よな。gif、動きます。