Vue.js 如何在Vuejs中并排显示vx卡

我实际上是想并排显示卡片，我使用v-for来获取内容

这是我的密码：

   <div v-for="info in infos" v-bind:key="info.id">
        <div class="vx-col w-full md:w-1/2 mb-base">
          <vx-card>
            ...
            My contents goes here
            ... 
          </vx-card>
        </div>
    </div>

...
我的东西放在这里
... 

我这样试过：

        <div v-for="info in infos" v-bind:key="info.id">
          <div class="vx-row">                               <--- Here what i tried to do
            <div class="vx-col w-full md:w-1/2 mb-base">
              <vx-card>
                ...
                My contents goes here
                ... 
              </vx-card>
            </div>
           </div>
        </div>

将
.vx行
类应用于循环外部的元素，然后将
.vx列
类应用于循环插入的元素


...
我的东西放在这里
... 

您希望输出如下（简化）：


...
...
...
...
...

这里有一个更简洁的解决方案：


...
我的东西放在这里
...