title: bootstrap - apply class based on screen size
body: <p>Can I do this without using @media only screen ? Or is <a href="https://stackoverflow.com/questions/55834828/only-apply-classes-on-small-screen-sizes">this</a> the best way?</p>
  
  <p>For example can I write this in CSS?:</p>
  
  <pre><code>@include media-breakpoint-up(md) {
    .card {
      transform: translate(0px, -75px);
      z-index: 200;
    }
  }
  </code></pre>
  
  <p>I also want to hide/show a div based on screen size.</p>