Vue.js 如何使用Vuetify将两个文本字段放在同一行上？

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

   <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>

将v-COL用塑料袋包裹起来

...
...

---

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