Bootstrap 4 beta - how to display div for sm only?

Question

In Bootstrap alpha 6 I could write this, to have a div's contents only show for sm:

<div class="hidden-md-up hidden-xs-down">
   This would only show for sm in Bootstrap 4 alpha 6.
</div>

This no longer works in the Bootstrap 4 beta.

How can I show a div's content for sm only, using bootstrap 4 beta?

Answer 1

I believe you are looking for the display properties.

<div class="d-xl-none d-lg-none d-md-none d-sm-block d-xs-none">This would only show for sm</div>

This will show the div for sm only.