Bootstrap 4.0 скрывающие элементы не работают внутри ng-шаблона

Question

Я работаю с Angular 6 + Angular Material и у меня есть Bootstrap 4.0.0.

В коде ниже:

<mat-horizontal-stepper #stepper>
  <mat-step [stepControl]="stepOne">
    <ng-template class="d-none d-sm-block" matStepLabel>Customer Information</ng-template>
      <...>
  </mat-step>

Я хочу сделать текст «Информация о клиенте» скрытым на устройствах xs, но класс «d-none d-sm-block» не работает. Создание и присвоение класса тегу "div" также не работает.

Что я делаю не так, и как это можно решить? Спасибо!