Per poter ottenere un break proint all'interno di una classe css con bootstrap 4 (e attraverso l'uso di sass) è molto semplice basta aggiungere all'interno della definizione di una classe css:

@include media-breakpoint-up(md)
Dove 'md' può anche essere uno degli altri breakpoint tipici di bootstrap:
  • sm
  • md
  • lg
  • xl

Il metodo che viene usato media-breakpoint-up è un mixin - metodo sass fornito da bootstrap stesso.

Esempio d'uso:

.bg-header
  background-image:url('/banner_br3.png')
  @include media-breakpoint-up(md)
    min-height: 300px
In questo esempio min-height viene applicato solo da una certa dimensione in su.

Fonte: Guida Officiale di Bootstrap