如何使用VueJS Vuetify Grid将组件放在两列上？

由 发布于

I want to align two components to show some data on two columns, I've followed the official tutorial Vuetify Grid. On my case components are fixed like a rows list, on the screen I put the red square to show my goal, and show the result of the code. Also, I tried changing row to column but not works, it keep on two rows. 

    <v-container>
      <v-layout row>
        <v-flex xs6>Associado: {{item.nameUser}}</v-flex>
        <v-flex xs6>Associado: {{item.nameUser}}</v-flex>
      </v-layout>
    </v-container>

sample image