Vuetify大小不起作用

Question

我一直在尝试选择卡片宽度的一半而不是整个宽度。我一直在使用<v-flex xs-6>，但它似乎不起作用。为什么这不起作用？

 <v-content>
      <v-container fluid fill-height text-xs-center>
        <v-layout align-center justify-center>
          <v-flex xs6>
            <v-card class="elevation-12">
                <v-toolbar dark color="primary">
                    <v-toolbar-title>Title</v-toolbar-title>
                    <v-spacer></v-spacer>
                </v-toolbar>
                <v-card-text>
                    <v-form enctype="multipart/form-data">
                        <h4 align="left">Have you ever been arrested for driving under the influence of alcohol?</h4>
                        <v-radio-group v-model="q21" row>
                            <v-radio
                                label="False"
                                value="false"
                                color="red"
                            ></v-radio>
                            <v-radio
                                label="True"
                                value="true"
                                color="green"
                            ></v-radio>
                        </v-radio-group>
                        <v-flex xs-6>
                        <v-select
                            v-if="q21 == 'true'"
                            :items="items"
                            v-model="q21Yes"
                            label="How many times?"
                            class="input-group--focused"
                            item-value="text"
                        ></v-select>
                        </v-flex>
                        <h4 align="left">Have you ever been arrested, even for a few hours because of other behavior while drinking?</h4>
                        <v-radio-group v-model="q22" row>
                            <v-radio
                                label="False"
                                value="false"
                                color="red"
                            ></v-radio>
                            <v-radio
                                label="True"
                                value="true"
                                color="green"
                            ></v-radio>
                        </v-radio-group>
                        <v-flex xs-6>
                        <v-select
                            v-if="q22 == 'true'"
                            :items="items"
                            v-model="q22Yes"
                            label="How many times?"
                            class="input-group--focused"
                            item-value="text"
                        ></v-select>
                        </v-flex>
                    </v-form>
                </v-card-text>
                <v-card-actions>
                    <v-flex>
                        <v-btn @click="save()" color="primary">Submit</v-btn>
                    </v-flex>
                </v-card-actions>
            </v-card>
          </v-flex>
        </v-layout>
      </v-container>
    </v-content>

Answer 1

@Traxo的答案是正确的，我习惯于在应该是xs6时执行xs-6。