如何使用 Vuetify 将两个文本字段放在同一行？答案

【问题标题】：How can I place two textfields on the same row with Vuetify?如何使用 Vuetify 将两个文本字段放在同一行？
【发布时间】：2020-09-17 07:38:38
【问题描述】：

我正在使用两个文本字段，但我真的不知道如何将它们放在同一行。现在它们被放置在不同的行上。我的代码：

   <v-card-text>
      <v-container>
           <v-col cols="12" sm="6" md="3">
      <v-text-field
        label="Name"
        solo
      ></v-text-field>
    </v-col>
       <v-col cols="12" sm="6" md="3">
      <v-text-field
        label="Age"
        solo
      ></v-text-field>
    </v-col>

【问题讨论】：

标签： vue.js vuetify.js

【解决方案1】：

用 <v-row/> 包裹 v-cols。

<v-row>
  <v-col cols="12" sm="6" md="3">...</v-col>
  <v-col cols="12" sm="6" md="3">...</v-col>
</v-row>

Demo

【讨论】：

我想我用错了词，我的意思是我希望它们在同一行。
抱歉，我不太明白您所说的“我希望它们在同一行” 是什么意思。您能提供您预期结果的图像吗？或者更好，fiddle?
基本上我希望两个文本字段彼此相邻，这有意义吗？
我在我的答案中附加了一个输出。这是你所期待的吗？
不客气。另外，欢迎来到 StackOverflow！如果此答案或任何答案解决了您的问题，请单击复选标记考虑accepting it。这向更广泛的社区表明您已经找到了解决方案，并为回答者和您自己提供了一些声誉。没有义务这样做。祝你的项目好运！