Q: Bootstrap 4.0 hiding elements not working inside ng-template I am working with Angular 6 + Angular Material and have Bootstrap 4.0.0 included.
In below code: 
<mat-horizontal-stepper #stepper>
  <mat-step [stepControl]="stepOne">
    <ng-template class="d-none d-sm-block" matStepLabel>Customer Information</ng-template>
      <...>
  </mat-step>

I want to make "Customer Information" text hidden on xs-devices, but "d-none d-sm-block" class is not working. Creating and assigning the class to "div" tag doesn't work as well.
What am I doing wrong, and how this can be solved? Thank you!
