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" также не работает.

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