Css 是Vuetify'；s网格是否与引导网格兼容？

从Vuetify文档中可以看出：

Vuetify网格深受。它是 通过使用一系列容器、行和列来集成 布局和对齐内容

这是否意味着，如果我在Vuetify项目中使用引导网格类，它将像使用Vuetify组件一样工作（例如

v-container

，

v-row

和

v-col

）？ 换句话说，如果我基于bootstrap将网格标记从project复制/粘贴到Vuetify project（例如在某些.vue组件中复制到

template

），它会工作吗

基于此，情况似乎确实如此，但我想问一个问题

所以这个代码：

<!-- grid layout via Vuetify components -->
<v-container>
  <v-row justify-content-between>
    <v-col cols="2" class="my-col">One of three columns</v-col>
    <v-col cols="5" class="my-col">One of three columns</v-col>
    <v-col cols class="my-col">One of three columns</v-col>
  </v-row>
</v-container>

<!-- grid layout via bootstrap classes  -->
<div class="container">
  <div class="row">
    <div class="col-2 my-col">One of three columns</div>
    <div class="col-5 my-col">One of three columns</div>
    <div class="col my-col">One of three columns</div>
  </div>
</div>

三列之一
三列之一
三列之一
三列之一
三列之一
三列之一

为两个容器生成相同的布局

我不能对一个例子下结论，所以我想知道这是否适用于一般情况

---

注意：此问题适用于Vuetify版本2和引导版本4。

这是Vuetify示例：

.my col{
背景：黄绿色；
边框：1px红色实心；
}

三列之一
三列之一
三列之一