如何根据断点设置偏移量

Question

我正在使用vuetify制作响应式网页。我当前使用的两个断点是

• md
• xs

例如

<v-layout row wrap>
    <v-flex md6 xs6>
       <!-- my content goes here -->
    </v-flex>
</v-layout>

我希望v-flex的偏移量在台式机上为md3，在移动电话上为xs6上

有些类似于

<v-flex md6 xs6 offset-xs6 offset-md3>

我正在使用的当前替代方法，我不想使用

<v-layout row wrap>
    <v-flex md3 xs6></v-flex> <!-- this thing should be replaced by offset in next v-flex -->
    <v-flex md6 xs6>
       <!-- my content goes here -->
    </v-flex>
</v-layout>