我正在尝试以ncols左右的间距为中心的v-cols居中，但无法v-cols与上述居中对齐v-cols。请注意，响应能力按预期工作，但是在最大屏幕尺寸下，我想将其限制为两个v-cols并与其他v-row水平长度对齐，同时保持v-col的长度相同。

目前我得到这个：

从

<v-container>
  <v-row dense justify="center">
    <v-col cols="12" md="6" lg="4" xl="3">
      // ...
    </v-col>
  </v-row>

  <v-row dense justify="center">
    <v-col cols="12" sm="6" xs="6" md="6" lg="4" xl="3">
      // ...
    </v-col>
    <v-col cols="12" sm="6" xs="6" md="6" lg="4" xl="3">
      // ...
    </v-col>
  </v-row>

  <v-row dense justify="center">
    <v-col v-for="(item, n) in list" :key="n" cols="12" sm="6" md="6" lg="4" xl="4">
      // ...
    </v-col>
  </v-row>

我要完成的工作如下所示；

如何在红色边上增加间距以v-cols使其与其他上方v-col（在上方v行）对齐？

编辑：现在可以使用以下代码：

<v-container>
<!-- .. other rows -->

<v-row justify="center">
  <v-col cols="24" sm="12" xs="12" md="12" lg="8" xl="6">
    <v-row dense justify="center" class="green">
      <v-col v-for="(item, n) in list" :key="n" sm="12" xs="12" md="12" lg="8" xl="6" class="br text-center red">
        // content
      </v-col>
    </v-row>
  </v-col>
</v-row>
</v-container>