如何水平放置等宽的组件？

Question

我有两个单选按钮。在第二个单选按钮上，我要放置3个组件并对齐尺寸宽度以适合唯一的行（行）。它们是一个单选按钮，并使用Vuetify来选择2个字段。

目前组件位于3行中，但我不知道如何将其放入3列的唯一行中。我从Vuetify开始关注网格系统。

<v-flex xs12>
  <v-radio-group v-model="paymentType" column>
    <v-radio :label="getCurrentMonthText()"></v-radio>

    <v-container>
      <v-row no-gutters>
        <v-col cols="12" sm="4">
          <v-radio label="Outro mês"></v-radio>
        </v-col>
        <v-col cols="12" sm="4">
          <v-select label="Mês" :items="monthNames" v-model="monthSelected"></v-select>
        </v-col>
        <v-col cols="12" sm="4">
          <v-select label="Ano" :items="years" v-model="yearSelected"></v-select>
        </v-col>
      </v-row>
    </v-container>
  </v-radio-group>
</v-flex>

结果：

Answer 1

您的代码正在对vuetify网格系统中大于“ sm”的窗口大小执行此操作。当我在机器上运行它时，我得到以下信息：

Window size larger than "sm"

Window size "sm"

[如果您希望始终将单选按钮与选择项放在同一行，即使窗口大小为“ sm”，则只需将每列更改为[cols =“ 4”]。

如果我不能正确理解您的问题，请在评论中作澄清。