为什么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/