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