Vue.js 类星体-调整中心和屏幕断点

我有这个问题，我在论坛上搜索过，但没有找到任何相关的

我正在尝试对小屏幕使用justify center，对大屏幕使用justify end。阅读文档时，我发现：

因此，我尝试将其用作

justify sm center

和

justify lg end

，但未能使其正常工作。我做了这把小提琴来演示：

类别：在BP lg（对齐lg中心）和BP sm（对齐sm端）上对齐结束时应用对齐中心

col-4
Col-4

我真的不知道我是否做错了什么

---

（我知道如何使用CSS让它自己工作，但我当然更愿意使用预定义的quasar类）

我认为断点不适用于行（仅适用于行中的项），因此我认为要想做您想要做的事情，您必须使用Vue类与或绑定。比如：

<div class="row">
  <div :class="$q.platform.is.mobile ? 'justify-end' : 'justify-center'"  class="row col-12 bg-black">
    <div class="col-sm-4 col-lg-6 bg-blue q-py-md text-center">
      col-4
    </div>
  </div>
</div>

col-4

是否启用了cssAddon（quasar.conf>framework>cssAddon:true）？