角形，元素上的多个双类删除1

Question

我将语义UI与Angular结合使用， 在语义上，您有时会在一个元素上多次使用css类，如下所示：

<div class="seven wide tablet eight wide computer column"></div>

一切正常，但是当我将其用于这样的Angular组件时：

#using true for demonstration purposes
<div *ngIf="true"
     class="seven wide tablet eight wide computer column"></div>

在浏览器中查看时，它会删除第二个宽度。

我知道会发生什么，但是我不知道该如何克服。 有人有建议吗？

编辑： 我在检查器中看到的内容：

<div class="seven wide tablet eight computer column"></div>

edit2： 从未设法使其正常运行，所幸我不再需要它了。仍然欢迎将来的人回答。