Bootstrap 4.0隐藏元素在ng-template中不起作用

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”标签也无法正常工作。

我在做什么错，如何解决？谢谢！