Vue.js 带有vuetify的响应式布局

我有一个布局，每行有4个div，现在在移动我想改变4个div到2个div像图像

这是我的密码

<v-layout wrap align-center>
    <v-flex
        v-for="n in 10  "
           :key="n"
           xs3
           >
           <p>testtttt</p>
     </v-flex>
</v-layout>

testtttt

Vuetify的示例 当前有3个图像，如何更改2个图像并在移动版本中保持最大宽度（响应） 谢谢

---

感谢Vuetify，它可以像那样修复

<v-flex
  v-for="i in 4 "
    :key="i"
     xs6
     md3
>

xs6：用于小屏幕
md3：用于中等屏幕
其他指标可以检查文档

---

否，我的意思是移动时自动更改为2项。不改变代码

<v-flex
  v-for="i in 4 "
    :key="i"
     xs6
     md3
>