Vue.js 使用vuetify表单并行输入

是否可以将一个或多个输入控件与v形并排放置

tks

这是我的代码，我想并排编辑文本（每行2个）

林帕尔
阿迪西奥纳

---

-==这里我需要输入mor详细信息，因为堆栈不允许我保存问题

Vuetify使用12列布局。我通常通过使用。要并排放置两个组件，我们需要将12列拆分为相等的部分（6和6）

从添加了文本字段的Vuetify文档：

<v-container grid-list-md text-xs-center>
      <v-layout row wrap>
       <v-flex xs6>
        <v-text-field
          v-model="field1"
          label="Field 1"
        ></v-text-field>
       </v-flex>
       <v-flex xs6>
         <v-text-field
           v-model="field2"
           label="Field 2"
         ></v-text-field>
       </v-flex>
     </v-layout>
</v-container>

---

然后你可以玩游戏，让他们看起来像你想要的样子。

如何？我需要在v型内使用容器？或者有一些v形的配置？我想你不熟悉CSS？共享你的工作代码，它不是并排的

，我会尝试回答
<v-container grid-list-md text-xs-center>
      <v-layout row wrap>
       <v-flex xs6>
        <v-text-field
          v-model="field1"
          label="Field 1"
        ></v-text-field>
       </v-flex>
       <v-flex xs6>
         <v-text-field
           v-model="field2"
           label="Field 2"
         ></v-text-field>
       </v-flex>
     </v-layout>
</v-container>