Почему класс md-xsmall-hide не скрывает div?

Question

У меня есть следующее ...

 <div class="md-toolbar-row">
      <div class="md-toolbar-section-start">
      </div>
      <div class="md-toolbar-row md-toolbar-offset md-xsmall-hide">
          <span class="md-display-1">{{title}}</span>
      </div>
 </div>

Но когда я пытаюсь бежать, оно не скрывается.Я дважды проверил, что класс добавляется.

Как мне заставить работать шкуру?

Answer 1

Поместите класс md-xsmall-hide в свой собственный вложенный div, чтобы он не перекрывался стилями панели инструментов.Смотри скрипку

https://jsfiddle.net/0hrd8sbw/