Я использую Bulma с VueJS, когда я использую 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-вывод: https://jsfiddle.net/6rfo3dvL/2/
is-multiline
в контейнерcolumns
. Я добавил ответ, надеюсь, что это поможет - person sol   schedule 17.01.2018