Css Bulma-为什么所有列都在一行上？

我在VueJS中使用Bulma当我使用

v-for

时，所有列都在一行上，我尝试添加

is-4

，然后列宽改变，但它们仍然在一行上

<div class='columns'>
<div class='column' 
v-for='item in weatherData.list' 
v-bind:key='item.data'>

<div class="card">
  <div class="card-image">
    <figure class="image is-4by3">
      <img src="https://bulma.io/images/placeholders/1280x960.png" alt="Placeholder image">
     </figure>
    </div>
   <div class="card-content">
               ...
    </div>
   </div>
   </div>
   </div>

...

有人能给我解释一下它是怎么工作的吗

谢谢

编辑

---

html输出：

如果要包装列，则需要将

.is multiline

修饰符添加到

.columns

类中

您能提供输出的HTML吗？这是我从您的代码中得到的-->您只需要将

is multiline

添加到

列

容器中。我添加了一个答案，希望它能帮上忙谢谢你。该死，太棒了。谢谢