响应式布局与vuetify

Question

我有其中每行具有4个格,现在在移动我想改变4个格为2周的div像图像的布局

这是我的代码

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

来自Vuetify的例子 https://codepen.io/thanhtungvo/pen/Padagq?&editors=100 目前有3张图片,如何更改2张图片并保持移动版本的最大宽度(响应)谢谢

Answer 1

感谢Vuetify,它可以像这样修复

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

xs6:用于小屏幕
md3:对于中等屏幕,
其他指标可以检查文档 https://vuetifyjs.com/en/layout/display